监听 watch props对象属性监听 或深度监听

对象属性监听 

复制代码
  props: {
    baseFormObj: Object,
  },
   watch: {
    'baseFormObj.measuresItems': {
      immediate: true, // 如果需要组件创建时立即监听,设置为true
      handler(newVal, oldVal) {
        // 当myProperty变化时,这里的代码会被执行
      }
    }
  },
复制代码

深度监听

复制代码
  props: {
    measuresItems: {
      type: Array,
      default: () => [],
    },
  },
  watch: {
    // 使用深度监听来观察prop的变化
    measuresItems: {
      handler (newValue, oldValue) {
        // 当prop变化时,这里会执行你想要的操作
        this.endArrFn(newValue);
      },
      deep: true // 开启深度监听
    }
  },
复制代码

 

posted @   ThisCall  阅读(620)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 零经验选手,Compose 一天开发一款小游戏!
· 一起来玩mcp_server_sqlite,让AI帮你做增删改查!!
历史上的今天:
2020-04-02 [已解决]报错run `npm audit fix` to fix them, or `npm audit` for details
2020-04-02 element ui实现上传文件到阿里云oss
2020-04-02 (刷新数据 )vue中通过this.$router.push 到当前页面,只是参数不同,页面没有重新请求数据?
2020-04-02 StringUtils里的isEmpty方法和isBlank方法的区别
2019-04-02 Git SSH公钥配置
2019-04-02 ToroiseGit提交代码上传到阿里云的Gitlab
2018-04-02 聊天 保证聊天置地
点击右上角即可分享
微信分享提示