报错:実行時にVueインスタンスまたはそのルート$ dataにリアクティブプロパティを追加しないでください-upfrと宣言してください

エラー内容:

Avoid adding reactive properties to a Vue instance or its root $data at runtime - declare it upfront in the data option.
ここに画像の説明を挿入

エラーコード

ここに画像の説明を挿入

なぜそれが間違っているのですか?

知识点
ES5によって制限されているVue.jsは、オブジェクトプロパティの追加または削除を検出できません。Vue.jsはインスタンスが初期化されるときにプロパティをゲッター/セッターに変換するため、Vue.jsがプロパティを変換して応答可能にするためには、プロパティがデータオブジェクト上にある必要があります。

この時点で使用する必要があります:this.$set()メソッド、
文法:

this.$set(this.data,”key”,value')

Vue.set( target, propertyName/index, value )

このメソッドは3つのパラメーター、
パラメーターを受け取ります。

  • {Object | Array} target
  • {string | number} propertyName/index
  • {any} value
元の記事を147件公開 49 件を賞賛 160,000回の閲覧+

おすすめ

転載: blog.csdn.net/bigbear00007/article/details/105254474