vue 一些可用方法或者容易忽略的监听事件或方法

最新推荐文章于 2022-12-28 15:41:23 发布

葉幺

最新推荐文章于 2022-12-28 15:41:23 发布

阅读量698

点赞数

分类专栏：前端 vue js 文章标签： vue js

本文链接：https://blog.csdn.net/weixin_42861240/article/details/106823963

版权

前端同时被 3 个专栏收录

43 篇文章 0 订阅

订阅专栏

13 篇文章 0 订阅

订阅专栏

vue

3 篇文章 0 订阅

订阅专栏

使用watch时，当值第一次绑定的时候，不会执行监听函数，只有值发生改变才会执行。

data() {
	return {
		searchName:''
	}
},
watch: {										// 当searchName发生变化时执行
   searchName:function(e){
		console.log(e)
	}
}

事件修饰符如@click

<div class="box" @click="onHeight">
	<div class="title">aaa</div>												// 点击‘aaa’时执行onHeight方法
	<div class="btn"  @click.stop="onBtn">点击</div>			// 点击‘点击’时执行onBtn方法阻止冒泡
</div>
.stop 阻止冒泡，调用 event.stopPropagation()
.prevent 阻止默认事件，调用 event.preventDefault()
.capture 添加事件侦听器时使用事件捕获模式
.self 只当事件在该元素本身（比如不是子元素）触发时触发回调
.once 事件只触发一次