阻止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>

Logo

前往低代码交流专区

更多推荐