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

天天热门: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  }}

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

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

相关文章

最近更新
观焦点:超萌相机 2023-03-01 12:29:37
海南百货网 2023-03-01 12:13:44
焦点热讯:宜点充 2023-02-28 10:10:16
天天关注:小铺CEO 2023-02-28 10:07:13
【世界聚看点】KaFit 2023-02-28 09:31:37
葱天下 2023-02-28 09:17:03
渔界竞钓 2023-02-28 08:15:29
焦点快看:鲸奇视频 2023-02-28 06:30:37
环球热议:萝小逗 2023-02-27 23:25:49
简讯:小码公交 2023-02-27 23:16:12
彼岸花 2023-02-27 22:32:52
时时夺宝 2023-02-27 21:37:50
天天动态:袜之源 2023-02-27 21:29:50
天天资讯:AI空气 2023-02-27 20:19:46
世界时讯:绘读 2023-02-27 20:19:41
看点:一元得购 2023-02-27 19:26:28