vuex组件里打印this.$store.state为undefined,求解?

TIGERB
  • 9.4k
  • vuex组件里打印this.$store.state为undefined

  • vuex组件里打印this.$store存在切state为虚的

问题:我在组件怎么获取state?谢谢

回复
阅读 18.9k
2 个回答
✓ 已被采纳

首先肯定得在main.js中引入store
main.js:
Image

store/index.js
Image

组件中就可以直接使用this.$store.state获取state了。

一般都是在store通过getter返回store,组件中的计算属性中获取store的getters
Image
Image

从计算属性里面拿到vuex里面的state数据就可以在组件里面直接用了Image

import { mapState } from 'vuex';
export default {
  computed: {
    ...mapState({
      direction: state => state.direction,//绑定store.state.direction到组件,之后可用this.direction获取
    }),
  },
}
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏