vue事件修饰符和按键修饰符,vue事件处理函数
本文主要介绍了Vue的事件处理和事件修改器，具有一定的参考价值。感兴趣的朋友可以参考一下，希望能帮到你。br。
div id=root
H2，加油！/h2
！-阻止默认事件-
a @ Click . prevent= showinfo href= https:www . Baidu . com 单击我的消息/a
！-阻止事件扩散-
div class= demo 1 @ click= showInfo
Button @click.stop=showInfo 单击我的消息/button
/div
！-该事件仅触发一次-
Button @click.once=showInfo 单击我的消息/button
！-使用事件捕获模式-
div class= box 1 @ click . capture= showMsg(1)
div1
div class= box 2 @ click= showMsg(2)
div2
/div
/div
！-仅当event.target是当前操作的元素时，才会触发事件-
div class= demo 1 @ click . self= showInfo
Button @click=showInfo 单击我的消息/button
/div
/div
脚本
vue . config . production tip=false；
新Vue({
el: #root ，
data() {
返回{
姓名：“张三”
}
},
方法：{
showInfo(e) {
//e . prevent default()；
警觉(‘你好，王！’)
},
showMsg(msg) {
console . log(msg)；
}
}
});
/脚本
总结
本文到此为止。希望能帮到你，也希望你能多关注我们的更多内容！
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。