如下所示：
<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阻止点击事件继续传播的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。