vue中事件绑定函数加括号和不加括号的区别
html代码<div id="example-2"><button @click="test">测试</button></div>js代码new Vue({el: '#example-2',data(){return {}},methods: {test(id){cons...
·
html代码
<div id="example-2">
<button @click="test">测试</button>
</div>
js代码
new Vue({
el: '#example-2',
data(){
return {
}
},
methods: {
test(id){
console.log(id);
}
}
})
不添加括号 <button @click=“test”>测试,执行效果是：
添加括号 <button @click=“test()”>测试结果：
添加括号传值，<button @click=“test(123)”>：
总结：
加与不加括号的区别在于事件对象参数 event 的处理。不加括号时，函数第一个参数为 event，加了括号后，需要手动传入 $event 才能获得事件对象。
前往低代码交流专区
更多推荐
0
0- 0
已为社区贡献4条内容
所有评论(0)