有两种方法
1、在v-on:后添加一个.stop修饰符能阻止所有的冒泡
2、在v-on:后添加一个.self修饰符 只能阻止自身的冒泡行为
<style>
.inner{
height: 150px;
background-color: #00ff00;
}
</style>
<body>
<div id="app">
<div class="inner" @click='divHandler'>
<!-- 使用.stop阻止冒泡 -->
<input type="button" value="点我" @click.stop='btnHandler'>
</div>
</div>
</body>
<script>
var vm = new Vue({
el:'#app',
data:{},
methods:{
divHandler:function(){
console.log('div事件')
},
btnHandler:function(){
console.log('button事件')
}
}
})
</script>