監聽 watch props物件屬性監聽 或深度監聽

ThisCall發表於2024-04-02

物件屬性監聽

  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 // 開啟深度監聽
    }
  },

相關文章