vue阻止事件冒泡的两种方法
vue阻止事件冒泡的2种方法
第一种给click后面添加stop
<div id="app">
<div @click="on2()">
<!--<input type="button" value="冒泡" @click.stop="on()"/>第一种给click后面添加stop-->
</div>
new Vue({
el:"#app",
methods:{
on:function(){
alert(1)
},
on2:function(){
alert(2)
}
}
})
-->
第二种是事件对象$event
<div id="app">
<div @click="on2()">
<input type="button" value="冒泡" @click="on($event)"/>
</div>
</div>
<input type="button" value="冒泡" @click="on($event)"/>
<script>
new Vue({
el:"#app",
on:function(ev){
alert(1)
ev.cancelBubble=true
},
on2:function(){
alert(2)
}
}
})
-->
更多推荐
所有评论(0)