vue v-on 帶參事件
阿新 • • 發佈:2018-03-12
get key 回車 js代碼 數組 pre nbsp vue 固定
1.js代碼
var list=[ //定義一個數組 {title:123} ] var box=new Vue({ el:‘.box‘, data:{ list:list }, methods:{ //data為傳參,ev事件對象 on(data,ev){ this.list.push({ //數據追加 title:ev.target.value //ev.target.value :輸入框的值
})
}
}
2.html代碼
<div class="box"> <input v-on:keyUp.enter="on(123,$event)"/> <!--$event:固定值,事件對象--> <li v-for=‘item in list‘> <p>{{item.title}}</p> </li> </div>
註解:1.v-on:keyUp.enter 回車鍵按下事件
2.每次按下回車鍵,將輸入框中的值都追加到list數組裏
vue v-on 帶參事件