文章详情页
javascript - vuex中子组件无法调用公共状态
浏览:231日期: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. css - 文字排版问题,内容都是动态抓出来的,字数不一定。如何对齐啊2. css3 - 微信前端页面遇到的transition过渡动画的bug3. 网页爬虫 - 关于Python的编码与解码问题4. git - 在web应用分布式部署的情况下怎么进行配置更新5. css3 - 微信小程序如何把radio改成2个选择按钮的样式6. 微信开放平台 - ios APP能不能打开微信然后通过微信跳转到指定的URL?7. php - TP5的登录验证问题8. css - input间的间距和文字上下居中9. javascript - imgzoom插件所引发的bug血案!!!!10. php ZipArchive关于不同目录文件压缩
排行榜

网公网安备