首页 热点 业界 科技快讯 数码 电子消费 通信 前沿动态 电商

天天热门:vue组件实现首次加载就触发watch

2022-07-03 10:03:31 来源 : 软件开发网


(资料图片仅供参考)

目录

组件首次加载就触发watch

watch的初始立即执行

组件首次加载就触发watch

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

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

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

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

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

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

以上为个人经验,希望能给大家一个参考,也希望大家多多支持软件开发网。

标签: 支持软件 可以使用 深入观察

相关文章

最近更新
实达集团录得8天6板 2025-12-01 11:50:55
《三山旧梦》上演 2025-12-01 10:04:17