vuex的传参使用

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

每一个模板都有自己的templateid 

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

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

                      

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

 先引入mapMutations

 

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

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

 

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

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

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

 

标签：传参,使用,实例,参数,templateid,接收,vuex,页面
来源： https://blog.csdn.net/m0_47733490/article/details/120726759