vue click.stop阻止点击事件继续传播的方法
2018-09-24 21:41
阅读：622
如下所示：
<div id=app> <div v-on:click=dodo> <button v-on:click=doThis>阻止单击事件继续传播</button> </div> </div> <script> var app = new Vue({ el: #app, data: { name: Vue.js }, methods: { doThis: function () { alert(noclick); }, dodo: function () { alert(dodo); } } }); </script>
将会先弹出“noclick”,再弹出“dodo”。
<div id=app> <div v-on:click=dodo> <button v-on:click.stop=doThis>阻止单击事件继续传播</button> </div> </div> <script> var app = new Vue({ el: #app, data: { name: Vue.js }, methods: { doThis: function () { alert(noclick); }, dodo: function () { alert(dodo); } } }); </script>
只弹出“noclick”
以上这篇vue click.stop阻止点击事件继续传播的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
评论
亲，登录后才可以留言！