vue路由跳转刷新页面
1 . 路由跳转后地图上的数据不显示。2 . 直接刷新整个页面。首先呢,这次的bug是因为首页的地图显示出来了,可是地图上的数据没显示出来,而地图两边的前端数据又正常显示了。没有报错,根据警告上看是因为地图渲染层的原因。公司的gis不会改,就只有前端强制刷新了。直接上代码首页路由<div class="imgURL1" @click='toView("/ConstructionSupervi
·
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-button
size="small"
class="btn-search"
@click="toView()"
>返回首页
</el-button>
这里的判断是重点aboutRoute == ‘/About’,如果不加判断,正常的操作下可以返回首页就直接刷新,正常显示。但是会在所跳转的页面,我这里是表格页,也就是表格页中直接刷新浏览器就回不去了,怎么点击返回首页它都会在表格页原地踏步,哪儿也跳不了
methods: {
//路由跳转
toView() {
console.log()
let self = this
self.$router.push({path: "/About"});
let aboutRoute = self.$route.fullPath
if (aboutRoute == '/About') {
window.location.reload();
}
},
}
更多推荐
已为社区贡献1条内容
所有评论(0)