1. 程式人生 > >vue 阻止輸入框冒泡

vue 阻止輸入框冒泡

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