2018年6月18日 星期一

【Vue】修飾符 @keyup.enter / @click.prevent



事件修飾符

  • @keyup.enter按下enter就觸發function()(enter事件是input專有的,放在a沒有用)
  • @click.prevent可以阻止觸發的事件
<div id="app">
          <input type="text"  v-model="text" @keyup.enter="reverseText">
          <a href="#" @click.prevent="reverseText" 反轉字串</a>
          <div>
            {{ newText }}
          </div>
</div>

按鍵修飾符

  • @可以取代v-on
  • :可以取代v-bind

沒有留言:

張貼留言