刚开始报错:
[vuex] unknown action type: xx
上网找解决方法
说因为使用了modules,所以要修改路径:
方式1:
this.$store.dispatch('模块名/action名', 参数)
方式2:
methods: {
...mapActions('模块名', ['xxx']),
...mapActions('模块名',{'新名字': 'xxx'})
}
但是使用了上面写法却依旧报错:
[vuex] unknown action type: xx/xxx
后来发现少了一行代码——namespaced:true
在modules文件下
export default {
namespaced:true,
state:{},
getters: {}...
}
原因:
使用命名空间namespaced:true,调用actions里面方法时,路径为文件名/actions下面方法名,
不使用命名空间,路径为actions下面的方法名