vue路由跳转刷新页面

1 . 路由跳转后地图上的数据不显示。
2 . 直接刷新整个页面。
首先呢，这次的bug是因为首页的地图显示出来了，可是地图上的数据没显示出来，而地图两边的前端数据又正常显示了。没有报错，根据警告上看是因为地图渲染层的原因。公司的gis不会改，就只有前端强制刷新了。
直接上代码

首页路由

          <div class="imgURL1" @click='toView("/ConstructionSupervision")'><p>施工管理</p></div>

methods: {/*** @toView: 跳转路由* @param {String} path 路由地址* @return:*/toView(path) {this.$router.push({path: path,// name:path});},}

所跳转的路由页面

    <el-buttonsize="small"class="btn-search"@click="toView()">返回首页</el-button>

这里的判断是重点aboutRoute == ‘/About’，如果不加判断，正常的操作下可以返回首页就直接刷新，正常显示。但是会在所跳转的页面，我这里是表格页，也就是表格页中直接刷新浏览器就回不去了，怎么点击返回首页它都会在表格页原地踏步，哪儿也跳不了

  methods: {//路由跳转toView() {console.log()let self = thisself.$router.push({path: "/About"});let aboutRoute = self.$route.fullPathif (aboutRoute == '/About') {window.location.reload();}},}

vue路由跳转刷新页面相关推荐

新来的前端小姐姐问：Vue路由history模式刷新页面出现404问题
摘要:vue-router 默认 hash 模式 -- 使用 URL 的 hash 来模拟一个完整的 URL,于是当 URL 改变时,页面不会重新加载. 本文分享自华为云社区<学习Vue Rou ...
vue路由history模式刷新页面时页面丢失时常见的两种解决方法
方法一: 1 2 3 4 5 6 7 8 location /{ root /data/nginx/html; index index.html index.htm; i ...
VUE路由跳转后自动刷新一次页面
VUE路由跳转后自动刷新一次页面我们在前端开发时有时会遇到一些问题,暂时找不到解决办法只有靠刷新才能救一下.可是又不能每次都手动刷新.在网上找了很久的自动刷新办法,发现大部分都是路由跳转类的刷新,和 ...
vue路由跳转回退后页面不刷新处理
vue路由跳转回退后页面不刷新处理 ·利用keep-alive 缓存需要缓存的页面具体实现流程 1.在app.vue中改写router-view <keep-alive><rout ...
VUE路由跳转并刷新页面（框架层实现）
前言网上找了很多办法,都需要开发者在页面内单独实现,或者是刷新整个浏览器,感觉并不是特别舒服.因此,我考虑可以在框架层去实现路由跳转刷新. 思路如下: 1.重定向至临时界面(用户无感知) 2.打开临 ...
vue 路由跳转页面不刷新
vue 路由跳转页面不刷新点击打开视频讲解地址在router-view 里边添加 :key="$route.fullPath" <!-- 添加:key="$ro ...
Vue中this.$router.push路由跳转,刷新参数消失
Vue中this.$router.push路由跳转,刷新参数消失 this.$router.push({name:"",params:{id:""}}) nam ...
vue 路由跳转并打开新页面
let id ='123'; const {href} = this.$router.resolve( { path: '/home/test',query: {id: id}} ) window.o ...
vue路由跳转页面滚动到顶部
如果想在vue路由跳转后滚动到指定的位置,只需要调用内置方法(scrollBehavior)官网地址链接: https://router.vuejs.org/zh/guide/advanced/scr ...

vue路由跳转刷新页面

vue路由跳转刷新页面相关推荐

最新文章

热门文章