文章详情页
javascript - vuex中子组件无法调用公共状态
浏览:192日期: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. 我在导入模板资源时遇到无法显示的问题,请老师解答下2. macos - 无法source activate python273. 运行python程序时出现“应用程序发生异常”的内存错误?4. thinkphp6使用验证器 信息如何输出到前端页面5. PHPExcel表格导入数据库怎么导入6. css - 移动端 盒子内加overflow-y:scroll后 字体会变大7. javascript - h5微信中怎么禁止横屏8. python - sqlalchemy更新数据报错9. html - 网页的a标签到底要不要写上域名?10. html5 - 前端面试碰到了一个缓存数据的问题,来论坛上请教一下
排行榜

网公网安备