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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • client profile_clienttop

    client profile_clienttopscreenX:鼠标在显示屏幕上的坐标。clientX:鼠标在页面显示区域的坐标。注:以上两个都是各浏览器通用的。pageX:FF特有,鼠标在页面上的位置,从页面左上角开始定位,这个可以很方便在整个页面上进行定位,IE没有直接替换的属性。layerX:FF特有,鼠标相对于“触发事件的元素的层级关系中离该元素最近的,设置了position的父元素”的边界的位置,从border的左…

    2025年6月30日
    2
  • Android中BindService和StartService「建议收藏」

    Android中BindService和StartService「建议收藏」一、首先,让我们确认下什么是service?       service就是android系统中的服务,它有这么几个特点:它无法与用户直接进行交互、它必须由用户或者其他程序显式的启动、它的优先级比较高,它比处于前台的应用优先级低,但是比后台的其他应用优先级高,这就决定了当系统因为缺少内存而销毁某些没被利用的资源时,它被销毁的概率很小哦。二、那么,什么时候,我们需要使用s

    2022年5月18日
    39
  • android 7 uc flash,UC浏览器7.2版新增加FLASH游戏支持功能[通俗易懂]

    android 7 uc flash,UC浏览器7.2版新增加FLASH游戏支持功能[通俗易懂]一直以来,FLASH游戏都是手机的一个硬伤,比如当前令人疯狂的偷菜游戏,一直以来也只能玩纯文字版或者图文版,而不能在手机上实现电脑一样的体验。就在5月19日,国内著名的手机浏览器UC发布了7.2正式版,其革命性的应用了FLASH10技术,使得手机能够完美支持FLASH游戏,彻底改变了开篇所说到的窘境。小编在新版本发布的第一时间,就对7.2正式版进行了“尝鲜”,让我们一起来看看UC浏览器FLASH的…

    2022年6月3日
    66
  • 为什么要用redis好处_为什么用redis做缓存

    为什么要用redis好处_为什么用redis做缓存Redis真的那么好用吗?

    2022年4月20日
    30
  • pyquery安装

    pyquery安装pyquery是一个类似jquery的工具,不过它是在服务端进行处理的,不像jquery是在浏览器中进行处理。如果我们要进行网络爬虫,爬取有用的信息,那么它是我至今见到的不二选择。我们当然可以自己爬取网页,然后可以通过正则表达式,选取有用的信息,但这其实要求挺高的。我以前也做过爬虫工具,专门抓取招聘网站的招聘信息,但我发先我以前做的实在是复杂。而我们程序员很重要的一点是,不要重复的发明轮子,我们只

    2022年6月6日
    102
  • 如何成为年薪50W的运维架构师?

    如何成为年薪50W的运维架构师?linux云计算工程师三大核心职能平台架构组建负责服务的搭建日常运营保障保证运维工作正常运转出现问题解决性能、效率优化运维工作效率的优化,devops运维自动化提升系统的性能90%服务器都是LinuxLinux免费(windows是付费的,我们用的都是盗版)Linux平台稳定Linux开源过程开发工程师(开发,bug修复,码农)—&gt;…

    2022年7月17日
    17

发表回复

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

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