博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue+element刷新当前路由
阅读量:6861 次
发布时间:2019-06-26

本文共 800 字,大约阅读时间需要 2 分钟。

如何做到每次点击相同的路由地址都去渲染页面?

需求是后台管理系统的菜单导航,点击同一个菜单需要刷新页面,跟之前做多页面应用要达到一样的效果,

以下是网上找到的方法(我的vue版本是2.5,vue-router 3.0)

1.加时间戳

reloadRouter(path) {      this.$router.push({        path,        query: {          t: +new Date()        }      });    } 

此方法无效

2.

this.$router.go(0);

此方法有效,但是整个页面都刷新了,

最后的解决办法是创建一个空的组件,redirect.vue,

每次点击跳转到redirect空白页,并且以params或者query把当前点击的路由地址传过去,(params传值配置路由时需要name属性)

redirect页面渲染完成在取到路由带过来的地址在进行跳转,在空白页面的停留时间非常短暂,这点不需要担心。

完成!

这里还需提醒一下

当你点击菜单的时候判断一下是不是相同的路由地址,是的话跳转到redirect,否则正常跳转

reloadRouter(path) {      this.$router.push({        name: 'redirect',        params: {          path: path        }      });      this.$router.push({        path: 'redirect',        query: {          path: path        }      });    }

 

转载于:https://www.cnblogs.com/luojianjian/p/9377170.html

你可能感兴趣的文章
TensorFlow中的基本概念
查看>>
解决y7000笔记本ubuntu下wifi无法连接问题
查看>>
vue的生命周期
查看>>
项目成功先从制定项目计划开始
查看>>
转:String StringBuffer StringBuilder区别
查看>>
浅谈javascript函数,变量声明及作用域
查看>>
基于C/S模式的程序更新-启动
查看>>
solr8.0的简单搭建(一)
查看>>
lamba表达式和匿名委托
查看>>
Sql Server系列:视图
查看>>
判断现有的类对象是哪一种类的方法
查看>>
hdu3934 凸包
查看>>
Jmeter 接口测试 响应结果中文是Unicode转为中文
查看>>
根据 plist 还原 图片
查看>>
IE8兼容问题
查看>>
03 特殊字符
查看>>
课后练习----实现窗口的切换
查看>>
this 作用域
查看>>
Python3基础03_数据类型
查看>>
JS控制文本框输入的内容
查看>>