vue刷新当前页面,provide / inject 组合 方式_qy88666的博客-程序员秘密

技术标签: Vue  

1.首先,要修改下你的app.vue

<template>
  <div id="app">
    <router-view v-if="isRouterAlive"></router-view>
  </div>
</template>

<script>
  export default {
    name: 'App',
    provide(){
      return{
        reload: this.reload
      }
    },
    data (){
      return{
        isRouterAlive: true
      }
    },
    methods: {
      reload(){
        this.isRouterAlive = false;
        this.$nextTick(function(){
          this.isRouterAlive = true;
        })
      }
    }
  }
</script>

<style>
</style>

通过声明reload方法,控制router-view的显示或隐藏,从而控制页面的再次加载,这边定义了 isRouterAlive //true or false 来控制。
2. 然后在需要当前页面刷新的页面中注入App.vue组件提供(provide)的 reload 依赖。
在这里插入图片描述
3.然后直接用this.reload来调用就行。

this.reload()
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qy88666/article/details/107770771

智能推荐

memcpy 函数的用法_memcpy将多个字节合成一个浮点数_CZU_zzjj的博客-程序员秘密

memcpy() 用来复制内存,其原型为:void * memcpy ( void * dest, const void * src, size_t num );memcpy() 会复制 src 所指的内存内容的前 num 个字节到 dest 所指的内存地址上。memcpy() 并不关心被复制的数据类型,只是逐字节地进行复制,这给函数的使用带来了很大的灵活性,可以面向任何数据类型进行复制。这里接着我上次做的10个字节的处理uint8_t rx_buffer[BSP_PC_RX

测试环境搭建详解_测试环境的搭建包括哪些方面_软件测试馆长的博客-程序员秘密

前言:在进行性能则试前,需要完成性能测试的搭建工作,一般包括硬件环境、软件环境及网络环境,可以要求配置和开发工程师协助完成,但是作为一个优秀性能测试工程师,这也是你的必备技能之一。正文:性能测试环境与功能测试环境的区别那么性能测试环境与功能测试环境有什么不同呢?性能测试对测试环境的干净、独立性要求更高,更为严格。对于一个相对较规范的公司,都会建立其独立的研发环境、测试环境、线网环境(最终运行软件的环境)。这里多扯一点,系统可以分为C/S架构的系统与B/S架构的系统,C/S架构的系统又可以分为两种,

Python自动抢票神器,GitHub热榜第一!_程序IT圈的博客-程序员秘密

车栗子 发自凹非寺量子位 报道 | 公众号 QbitAI想要十一回家的小伙伴们,大概刚刚经历了一波抢票大战。顺便把一个Python抢票工具,送到了GitHub趋势榜第一:项目名很干脆...

视频教程-人工智能-机器学习实战视频课程-机器学习_weixin_31768383的博客-程序员秘密

人工智能-机器学习实战视频课程 东北大学计算机专业硕士研究生,欧瑞科技创始人...

计算机专业复试面试题难吗,计算机专业复试面试经典问题(含答案)_迷屿的博客-程序员秘密

很不错的面试问题,很多经典题目1 . 用预处理指令#define 声明一个常数,用以表明1年中有多少秒(忽略闰年问题)#define SECONDS_PER_YEAR (60 * 60 * 24 * 365)UL2. 嵌入式系统中经常要用到无限循环,你怎么样用C编写死循环呢?while(1){}或者for(;;){}3. 用变量a给出下面的定义a) 一个整型数(An integer)b)一个指向整...

第一篇博客文章,纪念!_Hamsten的博客-程序员秘密

突然,萌生写博客的想法。之前看过无数的csdn文章,帖子。终于也要写自己的博客了。我现在是计算机系的大一学生一枚。目前,随便编程语言方面学得不错。但是其他科目稍微有点糟。额,当然数学也是。这个文章,只是留作纪念,估计是给未来的自己看的吧。

随便推点

MySQL自增主键auto_increment原理 与 自增主键出现间隙不连续现象的定位_张维鹏的博客-程序员秘密

MySQL自增主键auto_increment原理;MySQL的innodb_autoinc_lock_mode参数说明;MySQL的AUTO-INC锁原理;自增主键出现间隙不连续现象的定位;

mysql调优——数据包packet大小限制max_allowed_packet_守望星空2018的博客-程序员秘密

 mysql根据配置文件会限制server接受的数据包大小。有时候大的插入和更新会受max_allowed_packet 参数限制,导致写入或者更新失败。查看目前配置show VARIABLES like '%max_allowed_packet%';显示的结果为:+--------------------+---------+| Variable_name      | Value ...

Java运行时环境初始化出现错误_软件运行时显示环境错误_BaiPeter的博客-程序员秘密

背景    当使用Flash中的动作面板或测试影片时,弹出错误窗口“Java运行时环境初始化时出现错误,你可能需要重装Flash”.由于精简版不存在安装问题,因此这类错误一般都是精简过度造成的。    到网上搜搜,发现这个问题非常普遍,这个问题是Flash中缺少JVM文件夹造成的.既然只是缺少文件夹,那复制一个不就行了吗?原本很简单的问题却在这一步上卡住了,网上谁也不愿意传一个JVM文

1.辐射度学以及四个基本量_辐射度学的基本物理量_圣空老宅的博客-程序员秘密

了解PBR就必须明白辐射度学。辐射度学提供了许多想法和工具来描述光的传播和反射。辐射度学并不是从光的物理特性里面推导来的,而是从空间中流动的粒子中建立的抽象光的概念上建立起来的。可以理解为辐射度学是基于光的粒子特性建立的。光具有波粒二象性,辐射度学并没有考虑波的特性。正因为这样,所以一些波特性带来的效果没有办法用辐射度学的方法描述,例如光的偏振。假定几何光学可以充足描述光和光的散射,那么光就会具有...

GDI+新建画刷时出现new错误问题_gdiplus类(new) 文本_小哼哼L的博客-程序员秘密

今天用IMageEx来向窗口显示动画,用到了GDI+;结果遇到了    error C2660: “Gdiplus::GdiplusBase::operator new”: 函数不接受 3 个参数       这个编译错误!        上网查了看一个网友说的是:     找到解决方案,原来是微软的 DEBUG_NEW  和 GDI+ 不匹配造成的。

推荐文章

热门文章

相关标签