無法設定未定義的屬性（設定'isRightSidebarExpanded'）

Question

我正在嘗試轉換模板以與 nuxt.js 一起使用

這個屬性給了我這個錯誤

無法設定未定義的屬性（設定「isRightSidebarExpanded」）

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

這是 JS 檔案：https://lineone.piniastudio.com/js/app.js

我使用 nuxt.config.js 中的這一行將其導入 nuxt.js

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

然後 nuxt.js 向我顯示了這個錯誤，因為它似乎忽略了客戶端 javascript 文件，雖然它在沒有 nuxt.js 的情況下完美工作，但在本地僅包含靜態 HTML/JS 文件

您可以在這裡看到該網站正在正常工作（Laravel）https://lineone.piniastudio.com/

有些 HTML 變數（例如「activeTab」）也未定義

屬性或方法「activeTab」未在實例上定義，但在渲染期間引用。透過初始化該屬性，確保該屬性在資料選項中或對於基於類別的組件是反應性的。請參閱：https://v2.vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Propertie

但是，當我只保留 HTML/JS/CSS 並使其在沒有 nuxt.js 的靜態模式下工作時，一切都會正常

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);