vue 阻止输入框冒泡
阻止vue的输入框冒泡vue 阻止事件方法.stop.prevent.capture.self.once<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script><div id="app">{{ m
·
阻止vue的输入框冒泡
vue 阻止事件方法
.stop
.prevent //阻止默认行为
.capture //冒泡优先执行
.self // 仅当前
.once // 点击回调只触发一次
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<div id="app">
{{ message }}
<div @click.self="show()" style='height: 100px;background: yellow;width: 100px;'>
<input type="text"/>
</div>
</div>
<script>
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
},
methods:{
show(){
console.log(123123)
}
}
})
</script>
更多推荐
已为社区贡献6条内容
所有评论(0)