使用 vuex 从另一个组件更改 v-model 的值

Change value fo v-model from other component with vuex

我有两个组件 1. 是侧边栏导航 1. header在顶部,现在我想从header点击关闭,打开侧边栏导航 来自边栏代码:

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

在计算中,我从 header 操作中获得了更新值。

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

现在我想更新 v-model 'sidebar'

的值

我该怎么做?

谢谢。

我找到了简单的答案 1. 只需将 v-model="sidebar" 更改为 :value = "sidebar" 删除 data

上的边栏

为计算添加边栏

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

从 Header 只需添加操作

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)
    }
}