vue click.stop阻止点击事件继续传播

本文转载自查看原文 2018-07-05 11:07 6315

<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”

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 vue click.stop阻止点击事件继续传播 vue click.stop阻止点击事件继续传播 vue click.stop阻止点击事件继续传播 vue点击事件@click.stop(阻止冒泡).native vue点击事件、vue阻止冒泡事件、 @click.stop、 v-on:click.stop、vue点击阻断、vue点击子集的方法不执行父级的方法 vue 阻止冒泡 @click.stop= vue中@click.stop事件的作用 vue中@click与它的事件修饰符@click.prevent、@click.capture、@click.stop、@click.self vue @click.native和@click.stop和@click.self vue 点击事件阻止冒泡用stop