事件修饰符
.stop 阻止冒泡
.prevent 阻止默认事件
.capture 添加事件侦听器时使用事件捕获模式
.self 只当事件在该元素本身（比如不是子元素）触发时触发回调
.once事件只触发一次
一、.stop（使用.stop阻止冒泡）
.stop 是阻止冒泡行为,不让当前元素的事件继续往外触发,如阻止点击div内部事件,触发div事件
<style>
.inner{
height:150px;
background-color:lightskyblue;
}
</style>
<body>
<div id="app">
<div class="inner"@click="divHandler">
<input type="button"value="戳他"@click.stop="btnHandler">
</div>
</div>
<script>
var app=new Vue({
el:"#app",
data:{},
methods:{
divHandler(){
console.log("这是触发了inner div的点击事件")
},
btnHandler(){
console.log("这是触发了按钮的点击事件")
}
},
})
</script>加stop:
点击按钮结果
点击蓝色区域
最低0.47元/天 解锁文章
4038
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
