vue中当跳转的是同一个路由的时候，页面不会发生强制性变化，比如说头部的搜索中通过路由传不同的参数到同一个结果页面，尽管地址栏参数不同还是不会刷新，需要用watch或者router去解决。
类似于版本号一样解决缓存的问题，在router跳转前设置时间戳等随机参数确保每次跳转不一样。每次的页面不同当然可以达到同一页面刷新的问题。
//router.js
path：'/home/:'
//xx.vue
this.$router.push({path:'/home'}+new Date())
需要注意的是页面初始化更新的数据需要放到watch中进行监听to和from的变化。
watch :{
'$route': function (to, from) {
//执行数据更新查询
this.changePage();
}
}
ps：其余方法：先跳转空白页面再返回，最简单用这个
https://www.jianshu.com/p/4e8b7a9e0c3e
vue路由的解析 vue中当跳转的是同一个路由的时候，页面不会发生强制性变化，比如说头部的搜索中通过路由传不同的参...
js实现跳转页面 通过a标签跳转 location对象的href属性 通过open方法 强制刷新页面
Vue 路由跳转相同路径页面不刷新 vue 同一路由跳转不走生命周期，导致数据不更新不管是动态路由，还是传参 都不...
vue-router使用hash模式时,页面点击跳转或者刷新正常．使用history模式时,页面点击跳转正常,刷新...
解决vue路由跳转页面不刷新的问题 通过路由传参跳转界面，页面没有刷新解决方法：在 router-view 中加 ...
强制刷新页面：window.reload();跳转外链接：window.location.href="http:/...
vue 路由 路由点击跳转不会页面刷新，可以保留数据 安装vue-router:npm install vue-r...
一、背景 介绍：在vue项目开发中，使用路由进行页面跳转时，路由所跳转的页面不进行刷新。也就是vue生命周期函数没...
vue在跳转的时候，让只切换想要的局部页面，而不是整个页面切换，比如A页面跳转到B页面，但是动态背景动画不刷新，只...
背景： vue-cli4 配置vue-router 为history模式 ， 跳转子路由后页面正常，但是刷新页面访...
本文标题：vue跳转同一页面强制刷新
本文链接：https://www.haomeiwen.com/subject/icagsqtx.html
网友评论