按钮1function btn1() { }如果希望点击时间能够触发vue定义的函数,则如下:new Vue({ el: '#app', data(){ return { } }, methods: { btn1()" /> 按钮1function btn1() { }如果希望点击时间能够触发vue定义的函数,则如下:new Vue({ el: '#app', data(){ return { } }, methods: { btn1()" />

Vue:事件处理

Vue:事件处理

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执行当前组件对象。

免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部