如何利用Vue.js庫中的v-on指令綁定按鈕點擊事件
4 回答
心有法竹
TA貢獻1866條經驗 獲得超5個贊
綁定的事件有兩種：
1、綁定事件處理器
2、綁定內聯方法調用
<input type="button" name="btnGetNumber" value="增加[綁定事件處理器]" v-on:click="getNumber">
<input type="button" name="btnGetNumber" value="增加[內聯方法調用]" v-on:click="getNumber()">
js：
var app = new Vue({
el: '#app',
data: {
number: 1
},
methods: {
// 事件響應方法的邏輯代碼
getNumber: function (e) {
this.number += 1; // 不管是內聯方法調用，還是綁定事件處理器兩種方式執行事件響應方法的時候 this都是指向 app
}
}
});
侃侃爾雅
TA貢獻1801條經驗 獲得超16個贊
// 創建普通Vue實例
var vm = new Vue({
data: {
},
methods:{
btnClick:function(){
alert('1 點擊');
},
btnClick2:function(){
alert('2 點擊');
}
}
})
添加回答
舉報
0/150
提交
取消