监听 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 @ 2024-04-02 14:14  ThisCall  阅读(529)  评论(0)  编辑  收藏  举报