19新版教育培训风格演示站

标题: 官网没有相关文档，vuex分了module后如何在组件内使用...mapState['']方式使用state？ [打印本页]

作者: Tommy子言 时间: 2019-1-10 17:40
标题: 官网没有相关文档，vuex分了module后如何在组件内使用...mapState['']方式使用state？
首先，为啥我连一个module的都获取不了啊；
下图为我的store结构

(, 下载次数: 57)

组件内部分代码

import {createNamespacedHelpers} from 'vuex'
const {mapState} = createNamespacedHelpers('user')
//user module的state里面有一个user
...mapState(['user']),

复制代码

控制台报错 [vuex] module namespace not found in mapState(): user/

首先一个module的都获取不了，更别说多个了，

多个我的思路是重命名 mapstate 网上搜了下使用 mapState:userMapState这样就行了

但是为啥我这个获取不了user啊

作者: 李政一 时间: 2019-1-10 17:41

const {mapState} = createNamespacedHelpers('user')

复制代码

这一行就已经获取到了user，其中mapState存的就是user的state。

作者: 墨染ART 时间: 2019-1-10 17:43

import Vue from 'vue'
import Vuex from 'vuex'
import user from './module/user'
import app from './module/app'
Vue.use(Vuex)
export default new Vuex.Store({
state: {
//
},
mutations: {
//
},
actions: {
//
},
modules: {
user,
app
}
})

复制代码

在你的main.js里：

import store from './store'；
new Vue({
el: '#app',
router,
i18n,
store,
render: h => h(App)
})

复制代码

然后在你的组件里:

import { mapMutations, mapActions, mapGetters } from 'vuex';
//
...mapGetters([])

复制代码

你是按照这个步骤来的吗？

作者: 匿名 时间: 2022-3-7 17:52
数组属于特殊类型不能这样定义的

欢迎光临 19新版教育培训风格演示站 (http://47.100.112.22/demo/train/)