vuexでエラーを報告するunknown getter
4486 ワード
シーン:stateの値の1つで対応するmodalの表示を切り替えます.最初は$store.state.globalStateを直接使用してもモジュール内では次の効果は得られません.
最終的にはmapGettersを思い浮かべます
(.vue)コンポーネント内での使用
最終実装globalStateによる表示切り替え
<div v-show="$store.state.globalState ==' '">
<MedicalCompaniesList ></MedicalCompaniesList>
</div>
<div v-show="$store.state.globalState ==' '">
111
</div>
最終的にはmapGettersを思い浮かべます
const state = {
globalState:' '
}
const getters = {
getGlobalState(state){
return state.globalState
},
}
const mutations = {
setGlobalState(state,data){
state.globalState= data
}
}
const store = new Vuex.Store({
state,
getters,
mutations,
modules: {
},
})
(.vue)コンポーネント内での使用
import {
mapGetters} from 'vuex'
computed:{
...mapGetters(['getGlobalField'])
},
watch: {
getGlobalField: function(newVal) {
}
},
最終実装globalStateによる表示切り替え