Die Eigenschaft von undefiniert kann nicht festgelegt werden (Einstellung „isRightSidebarExpanded“).

Question

Ich versuche, eine Vorlage zur Verwendung mit nuxt.js zu konvertieren

Diese Eigenschaft hat mir diesen Fehler angezeigt

Eigenschaft von undefiniert kann nicht festgelegt werden (Einstellung „isRightSidebarExpanded“)

@click="$store.global.isRightSidebarExpanded = false"

Dies ist die JS-Datei: https://lineone.piniastudio.com/js/app.js

Ich habe es mithilfe dieser Zeile in nuxt.config.js in nuxt.js importiert

script: [
     {src: '/js/app.js', body: false, defer:true}
     ]

Dann zeigte mir nuxt.js diesen Fehler, weil es die Client-Javascript-Dateien zu ignorieren schien, obwohl es ohne nuxt.js perfekt funktionierte, aber lokal nur die statischen HTML/JS-Dateien enthielt

Sie können hier sehen, dass die Website ordnungsgemäß funktioniert (Laravel): https://lineone.piniastudio.com/

Einige HTML-Variablen (z. B. „activeTab“) sind ebenfalls undefiniert

Die Eigenschaft oder Methode „activeTab“ ist in der Instanz nicht definiert, wird aber beim Rendern referenziert. Stellen Sie sicher, dass die Eigenschaft in Datenoptionen oder für klassenbasierte Komponenten reaktiv ist, indem Sie sie initialisieren. Siehe: https://v2.vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Propertie

Aber wenn ich nur HTML/JS/CSS behalte und es im statischen Modus ohne nuxt.js zum Laufen bringe, funktioniert alles einwandfrei

Answer 1

不建议直接更改商店数据。
Vuex 使用 Mutations 提交对存储状态的更改。

1. 添加一个 Mutation 来更改 isRightSidebarExpanded 属性

mutations: {
    isRightSidebarExpanded(state , payload) {
      // mutate state
      state.isRightSidebarExpanded = payload ;
    }
  }

2. 现在你可以调用你的 Mutation

@click="$store.global.commit('isRightSidebarExpanded',false)"

------------------------------------------------------------ ----------------------------------
对于未定义的问题：
-检查$store.global属性是否存在
-检查您是否正在使用商店（main.js）

app.use(store);