vue-router重写push方法,解决相同路径跳转报错
修改vue-router的配置文件,默认位置router/index.jsimport Vue from 'vue'import Router from 'vue-router'/*** 重写路由的push方法* 解决,相同路由跳转时,报错* 添加,相同路由跳转时,触发watch (针对el-menu,仅限string方式传参,形如"view?id=5")*/co...
·
修改vue-router的配置文件,默认位置router/index.js
import Vue from 'vue'
import Router from 'vue-router'
/**
* 重写路由的push方法
* 解决,相同路由跳转时,报错
* 添加,相同路由跳转时,触发watch (针对el-menu,仅限string方式传参,形如"view?id=5")
*/
// 保存原来的push函数
const routerPush = Router.prototype.push
// 重写push函数
Router.prototype.push = function push(location) {
// 这个if语句在跳转相同路径的时候,在路径末尾添加新参数(一些随机数字)
// 用来触发watch
if(typeof(location)=="string"){
var Separator = "&";
if(location.indexOf('?')==-1) { Separator='?'; }
location = location + Separator + "random=" + Math.random();
}
// 这个语句用来解决报错
// 调用原来的push函数,并捕获异常
return routerPush.call(this, location).catch(error => error)
}
Vue.use(Router)
export default new Router({
routes: [
{
path: '/',
}
]
})
更多推荐
已为社区贡献4条内容
所有评论(0)