vue 当前页跳转并强制刷新

    watch: {
      ‘$route‘(to, from) {
        this.$router.go(0);
      }
    },
    this.$router.push({ path: ‘/dashboard/XXZX?‘ + new Date() });

原文地址:https://www.cnblogs.com/refuge/p/10991561.html

时间: 2024-09-15 14:50:19

vue 当前页跳转并强制刷新的相关文章

vue相同路由跳转强制刷新该路由组件

在菜单的路由跳转上绑定一个随机query参数,例如时间戳或者随机数: 1 this.$router.push({ 2 path:"/xxx", 3 query:{ 4 t:Date.now(), 5 }, 6 }); 该操作会触发路由改变,但是组件内的状态没有初始化,因为组件没有被重建. 在路由容器上绑定key值: 1 <router-view :key="$route.path + $route.query.t"></router-view>

《解决微信内置浏览器返回上一页强制刷新问题方法》

微信内置浏览器在返回上一页面,且上一页面包含AJAX代码时,页面就会被强制刷新,极度影响用户体验.而我们想要的效果是:返回上一页面时,页面还停留在原来的状态,AJAX获取到的数据还在,滚动条也在原来的位置. BINGO~ 通过HTML5的history API + 缓存可以做到这一点. 执行原理: 1.0.通过history API的 history.pushState或 history.replaceState 保存AJAX状态: 2.0.同时将AJAX获取到的数据缓存起来(可以考虑使用H5的

当页面返回不刷新时进行强制刷新

disableBFCacheBeforeHistoryTravel: function() { // https://www.google.com/search?q=BFCache // 情景:将要跳转到某一被 BFCache 了的页面,希望该页面强制刷新 // 用法:在 history.go() history.back() 之前调用此方法 localStorage.setItem('bfcache_disable', true); }, preventBFCacheOnCurrentPage

vue路由跳转的方式

vue路由跳转有四种方式 1. router-link 2. this.$router.push() (函数里面调用) 3. this.$router.replace() (用法同push) 4. this.$router.go(n) 一.不带参 1.1 router-link <router-link :to="{name:'home'}"> <router-link :to="{path:'/home'}"> //name,path都行,

vue删除列表数据,重新刷新页面

今天重构医废平台h5页面快要完工的时候,测试大哥又给我找了个bug,当列表中只有一条数据时,删除后还保留着,不能重复删除,但是列表中有多条数据时不会出现保留数据的情况,是我一时傻了,究其原因是删除数据后没有重新加载页面.我自己尝试着删除数据后重新获取列表数据,数据还是保留着,又试了试路由跳转的方法,还是不行,从网上找了个不大合适的方法(我觉得挺好的),使用this.$router.go(0),会强制刷新,出现空白页面体验不好.还有一种最佳方法,我没有尝试,因为this.$router.go(0)

详解vue 路由跳转四种方式 (带参数)

详解vue 路由跳转四种方式 (带参数):https://www.jb51.net/article/160401.htm 1.  router-link ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 1. 不带参数  <router-link :to="{name:'home'}"> <router-link :to="{path:'/home'}"> //name,path都行, 建议用name /

关于页面跳转,登录刷新

javascript中的location.href有很多种用法,主要如下. self.location.href="/url" 当前页面打开URL页面 location.href="/url" 当前页面打开URL页面 windows.location.href="/url" 当前页面打开URL页面,前面三个用法相同. this.location.href="/url" 当前页面打开URL页面 parent.location.h

android下拉刷新 &amp; 强制刷新notifyDataSetChanged

这次在项目中实现的是下拉刷新功能,包含两个问题:自定义样式 & 强制刷新. 0.  效果图(模仿git的一个demo): 1.  自定义样式 下拉刷新用到的是普遍的框架PullToRefreshView.java下面会有代码展示,这个框架在网上都能随便搜到,然后定义自定义样式RefreshView.java,下面是代码: PullToRefreshView.java package com.baofoo.mobile.wallet.common.view.pullable; import and

angular强制刷新

有时候请求完毕,某些变量重新赋值后不会体现在页面上,此时需要强制刷新 $scope.$apply(function () { $scope.message ="Timeout called!"; //要强刷的变量 });