Was tun, wenn ein vue.set()-Fehler auftritt?

Die Lösung für den vue.set()-Fehler: Verwenden Sie [Vue.set()], um dem Objekt in Daten Attribute hinzuzufügen. Der Code lautet [export default {data() {return {info: {width: '100' } }}].

Die Betriebsumgebung dieses Tutorials: Windows 7-System, Vue Version 2.9.6, Dell G3-Computer.

vue.set() Fehlerlösung:

Verwenden Sie Vue.set(), um Attribute direkt zu Daten hinzuzufügen Vue.set()直接在data上增加属性

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

报错：

分析：不能在直接data上增加属性，可以在data里的对象上增加属性，例如：

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

拓展：

• Vue.set()响应式新增与修改数据

• 调用方法：Vue.set( target, key, value )

• target：要更改的数据源(可以是对象或者数组)

• key：要更改的具体数据

• valuerrreee

  Fehlerbericht:

Analyse: Sie können keine Attribute zu direkten Daten hinzufügen Fügen Sie den Objekten in Daten Attribute hinzu, zum Beispiel: rrreeeErweiterung:

Vue.set()Responsive Add und Daten ändern🎜🎜

🎜Methode aufrufen: Vue.set( target, key, value)🎜🎜

🎜target: die zu ändernden Daten Quelle (kann ein Objekt oder Array sein)🎜🎜

🎜key: die spezifischen Daten, die geändert werden sollen🎜🎜

🎜value: der neu zugewiesene Wert🎜🎜🎜 🎜🎜Verwandte kostenlose Lernempfehlungen: 🎜Javascript🎜(Video)🎜🎜

Das obige ist der detaillierte Inhalt vonWas tun, wenn ein vue.set()-Fehler auftritt?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!