vue强制刷新页面方法_vue页面回退不刷新

vue强制刷新页面方法_vue页面回退不刷新方法一:在app.vue中定义reload()方法。<template><divid=”app”><router-viewv-if=”isReload”/></div></template><script>exportdefault{name:’App’,provide(){return{reload:this.reload}

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全家桶1年46,售后保障稳定

方法一:

在 app.vue 中定义 reload() 方法。

<template>
  <div id="app">
    <router-view v-if="isReload"/>
  </div>
</template>
 
<script>
export default {
  name: 'App',
  provide() {
    return {
      reload: this.reload
    }
  },
  data() {
    return {
      isReload: true
    }
  },
  methods: {
    reload() {
      this.isReload = false
      this.$nextTick(() => {
        this.isReload = true
      })
    }
  }
}
</script>

Jetbrains全家桶1年46,售后保障稳定

在需要强制刷新的页面引用

<script>
export default {
  inject: ['reload'],
  methods: {
    clickReload() { // 点击之后强制刷新
       this.reload()
     }
  }
}
</script>

方法二:

this.$router.go(0) // 会出现一段空白页,用户体验不好
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/226928.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 二部图 欧拉图 哈密顿图 平面图 判定条件

    二部图 欧拉图 哈密顿图 平面图 判定条件目录石墨笔记 PPT 版 1 二部图偶图双图二分图 Ks tG V1 V2 E 2 欧拉图 3 哈密顿图 4 平面图欧拉公式推论 n m r k 1m lt 3n 6 是平面图的必要条件 m lt k 2 k n 2 是平面图的必要条件库拉图斯基定理 石墨笔记 PPT 版 https shimo im docs TPjwqXqPr8PC 二部图偶图双图

    2026年1月30日
    1
  • 认识单片机-单片机最小系统

    认识单片机-单片机最小系统现在很火的STC类51单片机的最小系统,其中分几部分:1.电源部分为图右上解的电源开头,5V输入给单片机进行供,常用的单片机系统电源电压有5V,3.3V,STC单片机也是有这两种不同电压的片子的,大家在做设计时需先确认系统电压后来进行选择。2.晶振部分,在图的左下角连接到单片机中的X1,晶振是什么作用哪?对单片机来讲,他就是心脏,没了晶振就单片机就没了心跳,就不可能正常运行了,晶振是提供单

    2022年8月30日
    5
  • uploadify在火狐下上传不了的解决方案,java版(Spring+SpringMVC+MyBatis)详细解决方案…

    uploadify在火狐下上传不了的解决方案,java版(Spring+SpringMVC+MyBatis)详细解决方案…

    2021年10月26日
    46
  • 如何让虚拟机的Ubuntu上网?

    如何让虚拟机的Ubuntu上网?学习于韦工百问科技-悦己方能悦人,感谢!我的环境:unbuntu16.04特别注意:如果你使用的虚拟机和Ubuntu不一样,现象可能不一样,请具体情况具体分析。一、为什么要让虚拟机中的Ubuntu上网?想在线安装软件,下载git源码包,或者要用浏览器浏览网页二、虚拟机中的Ubuntu有几种上网方式?通常有2种,NAT、桥接三、NAT上网怎么用…

    2022年5月19日
    49
  • vue上传文件流

    vue上传文件流创建formData方法,把文件流以及所有需要上传的数据通过formData.append传入formData中,上传请求中的data中只需要放一个formData就可以了。(此处request为封装的请求方法,省事可以不封装)

    2022年10月16日
    3
  • 创建位图索引

    创建位图索引创建位图索引位图索引 1 位图索引与 B 树索引不同 位图索引不存储 rowid 值 数据实际物理地址 也不存储键值 2 在特殊的列上创建位图索引 3 特殊的列是指该列的基数很低的列 基数 列值的数量比列的行数来的小 举例 性别列的取值只有 2 个 男女 但是性别列的行数远远大于该列的取值 4 基数很低的列不适合 B 树索引 适合位图索引 oracle 建议 当一个列的所有取值数量与该列的行数比小于 1

    2025年10月9日
    3

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号