码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2018-09-06 00:04:21      阅读:722      评论:0      收藏:0      [点我收藏+]

标签:配置   img   url   文件   app   create   数据   存储   存在   

 

切换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中的数据

标签:配置   img   url   文件   app   create   数据   存储   存在   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!