vuex的传参使用

项目用到过好几次vuex,有的参数复用率较高,且不是父子组件,需要服用,所以考虑用vuex来进行传参

vuex的传参使用

每一个模板都有自己的templateid 

vuex的传参使用

 后端要求,在用户操作的时候每一步都请求接口,且要携带该模块的templateid参数

 首先在user.js文件构造mutations实例对象

vuex的传参使用                      vuex的传参使用

在页面内,找到能拿到templateid参数的页面

 先引入mapMutations

 vuex的传参使用

 接着在methods方法中,写入该方法

vuex的传参使用

需要一个抛出这个参数的实例方法,页面中没有事件触发,所以写在mounted里

vuex的传参使用

 

 在需要接收参数的页面引入

vuex的传参使用

 在需要接收参数的方法里,拿到state里的参数

vuex的传参使用

 需要注意的是,在接收页面,需要在data里构造一个实例, 不然虽然可以接收到参数,但是会报错

vuex的传参使用

 

上一篇:手写vuex简版


下一篇:前端中高级面试题