vue @click 绑定的函数,如何同时传入事件对象和自定义参数
1、仅仅传入自定义参数html :<div id="app"><button @click="tm(123)">ddddd</button></div>js :new Vue({el:'#app',methods:{tm:function(e){console.log(e)...
·
1、仅仅传入自定义参数
html :
<div id="app">
<button @click="tm(123)">ddddd</button>
</div>
js :
new Vue({
el:'#app',
methods:{
tm:function(e){
console.log(e);
}
}
})
则将会输出数字123
2、仅仅传入事件对象
html:
<div id="app">
<button @click="tm">ddddd</button>
</div>
js :
new Vue({
el:'#app',
methods:{
tm:function(e){
console.log(e);
}
}
})
则将会输入事件对象
3、同时传入事件对象和自定义参数
html:
<div id="app">
<button @click="tm($event,123)">ddddd</button>
</div>
js :
new Vue({
el:'#app',
methods:{
tm:function(e,value){
console.log(e);
console.log(value);
}
}
})
则将会输入事件对象
参考链接:
https://segmentfault.com/q/1010000010054474
https://segmentfault.com/q/1010000008783546/a-1020000008784289
更多推荐
已为社区贡献4条内容
所有评论(0)