html5 - vue项目中vuex存储问题
迷茫
迷茫 2017-06-27 09:19:31
[HTML讨论组]

实现效果:点击按钮切换左边菜单的宽度。

我现在已经用Vuex存储了一个字段IsOpen,然后nav组件和menu组件都已经获取到了字段的初始值,点击nav组件按钮的时候也切换了IsOpen的值,但是改变宽度的类名没有切换。

这是nav组建的代码:

这是menu组件的代码:

迷茫
迷茫

业精于勤,荒于嬉;行成于思,毁于随。

全部回复(2)
迷茫

import { mapGetters } from 'vuex'

export {

computed: mapGetters['toggleClass']

}

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

天蓬老师

请仔细阅读vuex文档

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


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

<p v-bind:class="[this.$store.getters.isOpen ? 'openWidth', 'closeWidth']"></p>
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号