vue点击事件
平时使用JS的点击事件方式如下:
<button click="btn1">按钮1</button>
function btn1() {
}
如果希望点击时间能够触发vue定义的函数,则如下:
<button @click="btn1">按钮1</button>
new Vue({
el: '#app',
data(){
return {
}
},
methods: {
btn1() {
}
}
})
在methods中定义的方法,最终还是会作为当前组件实例的函数。methods定义函数的this执行当前组件对象。