vue跳转同一页面强制刷新

vue路由的解析

vue中当跳转的是同一个路由的时候,页面不会发生强制性变化,比如说头部的搜索中通过路由传不同的参数到同一个结果页面,尽管地址栏参数不同还是不会刷新,需要用watch或者router去解决。

设置不同的路由标识

类似于版本号一样解决缓存的问题,在router跳转前设置时间戳等随机参数确保每次跳转不一样。每次的页面不同当然可以达到同一页面刷新的问题。

//router.js
path:'/home/:'

//xx.vue

this.$router.push({path:'/home'}+new Date())

watch监听$route

需要注意的是页面初始化更新的数据需要放到watch中进行监听to和from的变化。

watch :{
   '$route': function (to, from) {
       //执行数据更新查询
  this.changePage();
  }
}

ps:其余方法:先跳转空白页面再返回,最简单用这个
https://www.jianshu.com/p/4e8b7a9e0c3e

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • # 传智播客vue 学习## 1. 什么是 Vue.js* Vue 开发手机 APP 需要借助于 Weex* Vu...
    再见天才阅读 9,013评论 0 6
  • PS:转载请注明出处作者: TigerChain地址https://www.jianshu.com/p/9a7d7...
    TigerChain阅读 64,171评论 9 218
  • VUE Vue :数据驱动的M V Vm框架 m :model(后台提供数据),v :view(页面),vM(模板...
    wudongyu阅读 10,749评论 0 11
  • 一:什么是闭包?闭包的用处? (1)闭包就是能够读取其他函数内部变量的函数。在本质上,闭包就 是将函数内部和函数外...
    xuguibin阅读 13,260评论 1 52
  • vue-cli搭建项目 确保安装了node与npm 再目标文件夹下打开终端 执行cnpm i vue-cli -g...
    Akiko_秋子阅读 8,479评论 1 22