vueX模块化,在其中一个文件(模块)的action方法里面调用另外一个文件(模块)action里的方法
本文章主要是记录vueX模块化,在其中一个文件(模块)的action方法里面调用另外一个文件(模块)action里的方法过程中所遇见的问题
1. 我是下载的element admin UI基础版 先看目录结构
2.其实我是要在登录成功的时候传值给globally.js 的 menuHover 来修改全局的颜色
globally.js是我自己创建的模块 其他的都是框架的模块
通过寻找1文件里面的2方法 修改3的值来改变4的状态
2. 通过user.js 登陆成功, this.dispatch('globally/abycolor', '#995321', { root: true });
网上其他的都不带this 我之前看网上的例子dispatch('globally/abycolor', '#995321', { root: true }); 结果总是成功不了 这是一个VUE指向性问题下面再说
特别注意的是dispatch('globally/abycolor', '#995321', { root: true }); 这里的路径是文件模块名/+action方法名 因为在模块里面定义了命名空间
namespaced: true, 如果 namespaced: false, 则不需要前面的模块名称
this.dispatch('globally/abycolor', '#995321', { root: true }); 三个参数 1.文件路径 2. 传值参数 3.{ root: true } 表示不是同一个模块的