文章详情页
javascript - vuex中子组件无法调用公共状态
浏览:129日期: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. angular.js - angularjs的自定义过滤器如何给文字加颜色?2. MySQL中无法修改字段名的疑问3. javascript - 如何让移动端网页的输入框固定在底部?4. angular.js - angular内容过长展开收起效果5. docker镜像push报错6. javascript - 微信小程序限制加载个数7. 大家好,请问在python脚本中怎么用virtualenv激活指定的环境?8. android - QQ物联,视频通话9. 网页爬虫 - 用Python3的requests库模拟登陆Bilibili总是提示验证码错误怎么办?10. 请教各位大佬,浏览器点 提交实例为什么没有反应
排行榜
