ホームページ >ウェブフロントエンド >Vue.js >vue.set() エラーが発生した場合の対処方法

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

coldplay.xixi
coldplay.xixiオリジナル
2020-11-27 11:17:572220ブラウズ

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

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

このチュートリアルの動作環境: 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)
        }
      }
    }
  }

エラー レポート:

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

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

  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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。