<div id="app">
<div v-on:click="big">
<button v-on:click="small">阻止单击事件继续传播</button>
</div>
</div>
<script>
var app = new Vue({
el: "#app",
data: {
name: "Vue.js"
},
methods: {
big: function () {
alert("button");
},
small: function () {
alert("bigdiv");
}
}
});
</script>
先输出button,再输出bigdiv
<div v-on:click="big">
<button @click.stop="small">阻止单击事件继续传播</button>
</div>
</div>
<script>
var app = new Vue({
el: "#app",
data: {
name: "Vue.js"
},
methods: {
big: function () {
alert("button");
},
small: function () {
alert("bigdiv");
}
}
});
</script>
只输出button