使用 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)
}
}
我有两个组件 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)
}
}