您现在的位置是：网站首页> 编程资料编程资料

vue组件实现首次加载就触发watch_vue.js_

2023-05-24 276人已围观

简介 vue组件实现首次加载就触发watch_vue.js_

首次加载就触发watch需要修改其immediate属性为true，其默认值为false

watch:{ "val":{ immediate:true,//首次加载的时候执行函数 deep:true,//深入观察数组值的变化， inputVal:function(){ } } }

当 watch 一个变量的时候，初始化时并不会执行，如下面的例子，你需要在created的时候手动调用一次。

created() {   this.fetchUserList(); }, watch: {   searchText: 'fetchUserList', }

上面这样的做法可以使用，但很麻烦，我们可以添加immediate属性，这样初始化的时候就会自动触发(不用再写created去调用了)，然后上面的代码就能简化为：

watch: {   searchText: {     handler: 'fetchUserList',     immediate: true   } }

以上为个人经验，希望能给大家一个参考，也希望大家多多支持。

您可能感兴趣的文章:

上一篇：node.js包管理工具Yarn使用简介_node.js_