vue.js - vuex分模块之后在组件中如何触发actions

问题描述

问 题

通常把vuex代码写在store文件夹下的index.js，在组件中调用actions时候一般是this.$store.dispatch('**')，但是分了模块之后在组件直接这样写就不行了，报错：[vuex] unknown action type: contexts，我的目录结构如下
，actions写在list.js下。
新手提问，求大神解答

这个问题已被关闭，原因：问题已解决 - 问题已解决，且对他人无借鉴意义

解决方案

写在modules/list.js里在vux.js中可以正常点用啊，你看看你的store/index.js中有没有把这两个部分的数据引进来。

import list from './modules/list';
import vux from './modules/vux';

Vue.use(Vuex);

const debug = process.env.NODE_ENV !== 'production';

const store = new Vuex.Store({
  modules: {
    list,
    vux
  },
  strict: debug, //是否开启严格模式
  plugins: debug ? [createLogger()] : [],
});
export default store;

这篇关于vue.js - vuex分模块之后在组件中如何触发actions的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！