文章详情页
javascript - vuex中子组件无法调用公共状态
浏览:128日期:2022-12-09 15:53:15
问题描述
本人最近刚入坑,刚想尝试用vuex,但是我安装了vuex,在store.js中设置了一个公共状态
state: {sideBarOpened: false//放置公用状态 }
,在main.js里
import Vuex from ’vuex’import store from ’./store/store’Vue.use(Vuex)
但是我在一个子组件里
this.hotSeen=this.$store.state.sideBarOpened;
却告诉我这个状态undefinded,请问我缺了什么步骤吗
问题解答
回答1:通过mapGettersimport { mapGetters } from ’vuex’computed: ...mapGetters([’sideBarOpened’]),
回答2:你有做vuex store的注册操作么,比如:
const store = new Vuex.Store({ state: state ...})
如果已经注册,还是有问题,可以试试楼上的解决方法。
回答3:你main.js 是没注入store把?
标签:
JavaScript
上一条:javascript - 请问在style样式里写了{{数据绑定}},当数据变更时,外观样式会自动即时刷新吗?这时应用style还是ng-style?下一条:javascript - 初学前端技术,应该学习哪些知识?
相关文章:
1. MySQL中无法修改字段名的疑问2. angular.js - angularjs的自定义过滤器如何给文字加颜色?3. docker镜像push报错4. angular.js - angular内容过长展开收起效果5. javascript - 如何让移动端网页的输入框固定在底部?6. 请教各位大佬,浏览器点 提交实例为什么没有反应7. 大家好,请问在python脚本中怎么用virtualenv激活指定的环境?8. python的前景到底有大?如果不考虑数据挖掘,机器学习这块?9. linux - 升级到Python3.6后GDB无法正常运行?10. 并发模型 - python将进程池放在装饰器里为什么不生效也没报错
排行榜
