web-dev-qa-db-ja.com

Vueは、未定義、null、またはプリミティブ値にリアクティブプロパティを設定できないことを警告します：null

Firebaseからデータをフェッチしているときに、取得したpropertiesのobjectをUIに設定しようとしていますが、データに変更を加えようとすると、スローされますこのエラー。
v-onハンドラーのエラー：「TypeError： 'in'演算子を使用してnullの 'cc'を検索することはできません。

私はVueをFirebaseとともに開発モードで使用しています。私が見逃している概念はありますか？

_beforeCreate(){
sref.get().then(sc => {
      if (sc.exists) {
        console.log(sc.data()); //this logs in the correct data
        this.school = sc.data(); //this too
        this.cc = sc.data().cc;  //also this
        this.name = sc.data().name;
_

私がする時

_console.log(this.name)
_

created()では未定義と表示され、変更または更新を試みてもエラーが発生します

_Vue warn]: Cannot set reactive property on undefined, null, or primitive value: null
[Vue warn]: Error in v-on handler: "TypeError: Cannot use 'in' operator to search for 'cc' in null"

found in

---> <VSelect>
       <VForm>
         <VCard>

TypeError: Cannot use 'in' operator to search for 'cc' in null
    at Proxy.set 


_
javascriptfirebasevue.jsvuetify.js
3
Aditya

シンプルなソリューション：v-forを使用するデータセットにv-ifチェックを追加します。たぶん、これを行うにはtemplateが必要になります。

0
Sergey Shapirenko