vuex를 사용하는 다른 구성 요소에서 v-model의 값 변경

vuex를 사용하는 다른 구성 요소에서 v-model의 값 변경

나는 두 가지 구성 요소가 있습니다. 1. 사이드바 탐색 1. 상단의 헤더, 이제 헤더에서 닫기까지 클릭하고 사이드바 탐색 열기 사이드바 코드:

<v-navigation-drawer
    :clipped="$vuetify.breakpoint.lgAndUp"
    fixed
    v-model="sidebar"
    app
    v-if="$store.state.isUserLoggedIn"
  >

계산에서 나는 헤더 동작에서 업데이트 값을 얻었습니다.

computed: {
    ...mapState([
      'sidebar'
    ])
  },

이제 나는 가치를 업데이트하고 싶습니다.v-model 'sidebar'

어떻게 해야 하나요?

감사해요.

나는 간단한 답을 찾았습니다. 1. 그냥 바꿔주세요.v-model="sidebar"로.:value = "sidebar"사이드바 제거data

계산된 사이드바 추가

computed: {
    ...mapState([
      'sidebar'
    ]),
  },

머리글에서 작업을 추가합니다.

this.$store.dispatch('setDrawer', !this.$store.state.sidebar)

그리고 돌연변이와 행동을 만듭니다.setDrawer저장고에.

그런 종류의

state: {
    sidebar: true
  },
mutations: {
 setDrawer (state, sidebar) {
      state.drawer = sidebar
    }
} 
actions: {
setDrawer ({commit}, sidebar) {
      commit('setDrawer', sidebar)
    }
}

언급URL : https://stackoverflow.com/questions/51017122/change-value-fo-v-model-from-other-component-with-vuex