首页 > 其他 > 详细

在vue-router中利用钩子函数调用vuex中的数据

时间:2018-09-05 23:38:53      阅读:559      评论:0      收藏:0      [点我收藏+]

 

切换url中的:zone

1、在store中的mutations中配置好要存储的函数:

技术分享图片

2、在要使用的组件里面的computed计算属性,返回到返回到store中:

技术分享图片

3、在app.vue文件中的<router>中用v-if判断,默认false,在created中利用anxios调用api接口,将判断变为true,然后获取到需要的值,将它赋值给定义好的store中

技术分享图片

技术分享图片

4、在router重定向需要调用的地方先定义为null:

技术分享图片

5、在main.js文件中利用created 调用store接收需要的数据,判断当前zone是否存在,如果不存在将跳转获取的数据中的第一个,也就是默认,如果存在就将当前的name push上去:

技术分享图片

 

在vue-router中利用钩子函数调用vuex中的数据

原文:https://www.cnblogs.com/limengyao/p/9594519.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!