vue @click 绑定的函数,如何同时传入事件对象和自定义参数
1、仅仅传入自定义参数html :<div id="app"><button @click="tm(123)">ddddd</button></div>js :new Vue({el:'#app',methods:{tm:function(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
https://blog.csdn.net/little_kid_pea/article/details/89736282
更多推荐
所有评论(0)