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
不建议直接更改商店数据。
Vuex 使用 Mutations 提交对存储状态的更改。
mutations: { isRightSidebarExpanded(state , payload) { // mutate state state.isRightSidebarExpanded = payload ; } }@click="$store.global.commit('isRightSidebarExpanded',false)"------------------------------------------------------------ ----------------------------------
对于未定义的问题：
-检查$store.global属性是否存在
-检查您是否正在使用商店（main.js）