Vueのpropsを監視する方法はありますか?

Vueにおいて、propsは親コンポーネントから子コンポーネントにデータを渡す際に使用されます。子コンポーネントでは、propsを直接監視することはできませんが、computedプロパティを使用してpropsを監視することができます。

例えば、親コンポーネントが子コンポーネントにmyPropという名前のpropsを渡した場合、子コンポーネントではcomputedプロパティを使ってmyPropの変化を監視することができます。

export default {
  props: ['myProp'],
  computed: {
    myPropWatcher() {
      return this.myProp;
    }
  },
  watch: {
    myPropWatcher(newVal, oldVal) {
      // 处理myProp的变化
    }
  }
}

myPropをcomputedプロパティのmyPropWatcherにマッピングすることで、myPropを監視し、myPropが変更されると自動的にwatcherがトリガーされます。

また、複数のpropsを子コンポーネントで監視したい場合は、オブジェクトを使用して監視することができます。

watch: {
  'myProp1': function(newVal, oldVal) {
    // 处理myProp1的变化
  },
  'myProp2': function(newVal, oldVal) {
    // 处理myProp2的变化
  }
}

これにより、複数のpropsを監視することが可能になります。あなたのお役に立てれば幸いです。

コメントを残す 0

Your email address will not be published. Required fields are marked *


广告
広告は10秒後に閉じます。
bannerAds