vue 强制刷新

1、在要强制刷新的父组件中注册reload方法

reload() {
  this.isRouterAlive = false
  this.$nextTick(function() {
    this.isRouterAlive = true
    console.log('reload')
  })
},
控制router-view的显示与隐藏
<router-view v-if="isRouterAlive"></router-view>

如图所示

 

provide允许父组件向所有子孙组件后代注入一个依赖。

2、在组件中注入reload方法。

然后在子组件中直接this.reload就可以了。这个就是大概利用v-if的条件渲染和nextTick的异步功能,控制渲染的显示,避免

js原生方法window.location.reload()或vue路由方法this.$router.go(0)出现重新加载的空白页。

 

发布了47 篇原创文章 · 获赞 22 · 访问量 9万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览