ナビゲーションを作る際、ページが変わる時にナビゲーションを閉じるようにしたかったためにapp/store/index.jsに以下のような記述をしました。
js
1import Vuex from 'vuex' 2 3const store = () => new Vuex.Store({ 4 state: { 5 isMenuActive: false 6 }, 7 mutations: { 8 toggleMenu(state) { 9 state.isMenuActive = !state.isMenuActive 10 }, 11 resetMenu(state) { 12 state.isMenuActive = false 13 } 14 } 15}) 16 17export default store 18
そして全ページにこの読み込みを行いたいため
app/layouts/default.vueに
js
1export default { 2 components: { 3 TheHeader, 4 TheFooter 5 }, 6 resetMenu(state) { 7 state.isMenuActive = false 8 } 9} 10
と書いたのですが読み込まれていないようです。
js
1 resetMenu(state) { 2 state.isMenuActive = false 3 } 4
の記述は適用したいページ全てに記載しないといけないのでしょうか?
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2019/05/28 02:56