未定義のプロパティを設定できません (「isRightSidebarExpanded」を設定)

Question

nuxt.js で使用するためにテンプレートを変換しようとしています

このプロパティによりこのエラーが発生しました

未定義のプロパティを設定できません (「isRightSidebarExpanded」の設定)

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

これは JS ファイルです: https://lineone.piniastudio.com/js/app.js

nuxt.config.jsのこの行を使用してnuxt.jsにインポートしました

リーリー

その後、nuxt.js はクライアントの JavaScript ファイルを無視しているように見えるため、このエラーを表示します。nuxt.js なしでも完全に機能しますが、静的な HTML/JS ファイルのみがローカルにインクルードされます

ここで Web サイト (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. ミューテーションを追加して isRightSidebarExpanded プロパティを変更します

リーリー

2. これでミューテーションを呼び出すことができます

リーリー

------------------------------------------------- --- ------------- ----------------------------------
未定義の質問の場合:
-$store.global プロパティが存在するかどうかを確認します
- ストア (main.js) を使用しているかどうかを確認します

リーリー