最近遇到了需要使用watch监听数据变化来绘制模板的需求,
结果数据变化了但是watch没监听到,你是否也遇到上述问题,
来看看我的解决方法吧!

vue3:

   watch(
      () => props.imgsList,
      (newVal) => {
        console.log("监听到变化拉!!",newVal)
      },
      {
      immediate:true,// 这个属性是重点啦
      deep:true // 深度监听的参数
      }
    );

tips:主要是使用immediate:true属性,该属性表示的含义是初始化之后立即调用。
如果你也跟我一样,需要页面第一次渲染完毕就监听到数据变化,不妨试试这个属性。
希望能给小伙伴一些帮助,留个赞赞再走吧~

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐