分类：路由切换

2020
10-10

vue路由切换时取消之前的所有请求操作

在main.js文件里importrouterfrom'router/';importVuefrom'vue';Vue.Cancel=[];router.beforeEach((to,from,next)=>{while(Vue.Cancel.length>0){Vue.Cancel.shift()('cancel');}next();})ajax文件importVuefrom'vue';importaxiosfrom'axios';importVueAxiosfrom'vue-axios';Vue.use(VueAxios,axios);//导入封装的回调函数import{cbs,gbs}from'config/';//动态设置本地和线上接口域... 继续阅读 >

2020
10-08

Vue路由切换页面不更新问题解决方案

前言：vue-router的切换不同于传统的页面的切换。路由之间的切换，其实就是组件之间的切换，不是真正的页面切换。这也会导致一个问题，就是引用相同组件的时候，会导致该组件无法更新，也就是我们口中的页面无法更新的问题了。一、问题呈现在路由中进行切换结果这时候会发现input标签的value值并没有随着路由的改变而改变。并没有更新二、解决方案①给<router-view:key="key"></router-view>增加一个不同:key值，这样vue就会识别... 继续阅读 >