vue.set() エラーが発生した場合の対処方法

vue.set() エラーの解決策: [Vue.set()] を使用してデータ内のオブジェクトに属性を追加します。コードは [export default {data() {return {info: {width] です。 : '100'}}}]。

このチュートリアルの動作環境: Windows 7 システム、Vue バージョン 2.9.6、Dell G3 コンピューター。

vue.set() エラーの解決策:

使用 Vue.set()属性をデータに直接追加

  export default {
    data() {
      return {
        width: '100'
      }
    },
    methods: {
        scrollFn(e) {
         Vue.set(this.data, 'height', 0)
        }
      }
    }
  }

エラー レポート:

分析: 直接データに属性を追加することはできません。データ内のオブジェクトに属性を追加できます。例:

  export default {
    data() {
      return {
    info: {
      width: '100'
    }
      }
    },
    methods: {
        scrollFn(e) {
         Vue.set(this.info, 'height', 0)
        }
      }
    }
  }

Expand ：

• Vue.set()レスポンシブな新規データおよび変更されたデータ

• 呼び出しメソッド: Vue .set( target、key、value )

• target: 変更するデータ ソース (オブジェクトまたは配列にすることができます)

• key: 変更する特定のデータ

• value: 再割り当てする値

関連する無料学習の推奨事項: javascript (ビデオ)

以上がvue.set() エラーが発生した場合の対処方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。