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

沒有留言:

張貼留言

【JavaScript】用物件Mapping的方法

If的寫法 我們希望當變數是a時就回傳1,變數是b就回傳2,變數是c就會回傳3,一般寫法就是用if,但是這樣會很冗 ​ // IF style var word if(word == 'a'){ word = 1 } else if...