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)
上一篇 2025年6月21日 下午8:15
下一篇 2025年6月21日 下午8:43


相关推荐

  • win10 配置git 环境变量

    win10 配置git 环境变量如标题 原文链接为 win10 配置 git 环境变量

    2026年3月8日
    1
  • 【Spring Cloud】教你十分钟学会Gateway~

    【Spring Cloud】教你十分钟学会Gateway~SpringCloudGateway是SpringCloud的一个全新项目,该项目是基于Spring5.0,SpringBoot2.0和ProjectReactor(响应式编程)等技术开发的网关,它旨在为微服务架构提供一种简单有效的统一的API路由管理方式。………

    2025年6月26日
    9
  • 【shell案例】CentOS7安装MySQL脚本案例

    【shell案例】CentOS7安装MySQL脚本案例前言此脚本为一个学员在工作中遇到在centos7中安装mysql的问题,于是安排一个学员花了15分钟写了一个脚本,可以正常安装使用。mysql的版本为5.7版本此脚本涉及到安装好mysql后,日志中没有临时密码的问题,所以该学员使用了破解mysql密码登陆修改去修改密码的方法,也算是一种好方法,在工作中,能解决问题才是根本,其他的技巧都是扯淡。虽然脚本还存在一些问题,但测试后发现可以正常安装,敢写就是一种进步。脚本源码因时间紧张,该学员未加注释,但我相信只要学完了shell基础的小伙伴都可以看懂

    2022年5月27日
    33
  • Jira使用手册

    Jira使用手册Jira 使用手册 1 nbsp nbsp nbsp nbsp 概述跟踪并管理在项目开发和维护过程中出现的问题 如 缺陷 新特性 任务 改进等 是项目管理很重要的任务 但是很少有团队能做的很好 JIRA 作为一个专业的问题跟踪系统可以帮助您把缺陷管理起来 让跟踪和管理在项目中发现的问题变得简单 而且充分利用 JIRA 的灵活配置和扩展特性 可以将 JIRA 作为一个项目管理系统或者 IT 支持系统 2 nbsp nbsp nbsp nbsp JIRA 特性 1

    2026年3月16日
    2
  • task scheduler什么意思_task scheduler异常

    task scheduler什么意思_task scheduler异常一直在网站上无偿使用大家提供的各种解决方案,实在是不好意思了,今天终于也开通博客,一方面记录下遇到的各种问题及解决方案,一方面给其他需要的朋友做个参考。使用TaskScheduler的时候,调整‘Runwhetheruserloggedonornot’的时候,遇到下面的报错,“”

    2022年10月11日
    7
  • origin画图标注_origin图线上的特殊符号怎么弄

    origin画图标注_origin图线上的特殊符号怎么弄Origin画图标签常见语法下标:-(x)上标:+(x)斜体:\i(x)加粗:\b(x)x下标y上标:=(x,y)

    2026年2月8日
    4

发表回复

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

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