为了账号安全,请及时绑定邮箱和手机立即绑定

vue项目中vuex存储问题

vue项目中vuex存储问题

凤凰求蛊 2018-08-30 22:14:09
实现效果:点击按钮切换左边菜单的宽度。我现在已经用Vuex存储了一个字段IsOpen,然后nav组件和menu组件都已经获取到了字段的初始值,点击nav组件按钮的时候也切换了IsOpen的值,但是改变宽度的类名没有切换。这是nav组建的代码:这是menu组件的代码:
查看完整描述

2 回答

?
慕村9548890

TA贡献1884条经验 获得超4个赞

import { mapGetters } from 'vuex'

export {

computed: mapGetters['toggleClass']

}

在仓库的 getters 文件里面写切换样式的代码


查看完整回答
反对 回复 2018-09-09
?
隔江千里

TA贡献1906条经验 获得超10个赞

请仔细阅读vuex文档

Vuex 的状态存储是响应式的。当 Vue 组件从 store 中读取状态的时候,若 store
中的状态发生变化,那么相应的组件也会相应地得到高效更新。


你可以直接将vuex的数据绑定到你的标签上

<div v-bind:class="[this.$store.getters.isOpen ? 'openWidth': 'closeWidth']"></div>


查看完整回答
反对 回复 2018-09-09
  • 2 回答
  • 0 关注
  • 1508 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信