【Vuex】stateの変更を監視する3つの方法 | kawadeblog

テクノロジーカテゴリーの変更を依頼記事元:

7 usersがブックマークコメント

記事へのコメント1件

注目コメント
新着コメント

naohero22 “mounted() { this.$store.subscribe((mutation, state) => { if (mutation.type === 'setPrefecture') { console.log('update prefecture! %s', state.prefecture); } ) }”

2022/05/29 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

【Vuex】stateの変更を監視する3つの方法 | kawadeblog

現在バージョンアップ作業している所得税・住民税・事業税・国民健康保険計算シミュレーションは、Vuex... 現在バージョンアップ作業している所得税・住民税・事業税・国民健康保険計算シミュレーションは、Vuexを使用しています。その際に、stateの変更を監視したいケースが出てきたのでその方法をご紹介します。今回の想定は、都道府県のセレクトコントロールがあり、その値をVuexのストアで管理しているケースです。画面はこんな感じのコントロール。いたって普通。 Vuexのstoreの中身はこちら。 const store = new Vuex.Store({ state: { prefecture: null }, getters: { prefecture(state) { return state.prefecture } }, mutations: { setPrefecture(state, payload) { state.prefecture = payload.prefecture }