注明 : permission 是你要获取的Modules中的哪一个 (permission 即是 模块名);
...mapGetters("permission",[
'ReturnRoutes'
]),
...mapGetters("模块名",[
'方法名'
]),
非辅助函数映射获取方式 :
this.$store.getters["permission/ReturnRoutes"]
this.$store.getters["模块名/方法名"]
permission 实际上传入的是一个路径(一般在Modules嵌套的情况下)
computed: {
...mapState('some/nested/module', {
a: state => state.a,
b: state => state.b
})
},
methods: {
...mapActions('some/nested/module', [
'foo', // -> this.foo()
'bar' // -> this.bar()
])
};
createNamespacedHelpers 命名空间辅助函数, 来进行规定 辅助函数的路径
import { createNamespacedHelpers } from 'vuex'
const { mapState, mapActions } = createNamespacedHelpers('some/nested/module')
export default {
computed: {
// 在 `some/nested/module` 中查找
...mapState({
a: state => state.a,
b: state => state.b
})
},
methods: {
// 在 `some/nested/module` 中查找
...mapActions([
'foo',
'bar'
])
}
}
各位码友多读文档, 如果您有幸看到这篇文章, 说明您是吃了少读文档的亏, 和我一样, 共勉~, 详情请看 Vuex文档