学习JS,TS,Vue等等语言做一个信息分享的小平台

<router-view v-if=“isRouterAlive“> 刷新当前页面 - Vue2

PHPer 2022-10-25 103 0 0

vue刷新当前页面有挺多种方法,比如

window.location.reload() 或者 this.$router.go(0)

但是这两种方法是会出现一瞬间的白屏,体验不好,所以这里给大家推荐第三种比较好用的刷新页面的方法

在app.vue的<router-view></router-view>加上v-if属性

<router-view v-if="isRouterAlive"></router-view>

在data里面加上isRouterAlive,当然这个属性名可以自己定义,默认值为true

  data () {
return {
isRouterAlive: true
}
}

methods里面加入一个刷新的方法

methods: {
reload () {
this.isRouterAlive = false
this.$nextTick(function() {
this.isRouterAlive = true
})
}
}

最后,需要把这个函数 provide 出去

provide () {
return {
reload: this.reload
}
}

这样,app.vue上就设置完了

那么当我们需要刷新的时候,在需要的页面上加上这个函数就可以了

首先注入这个函数

inject: [reload]

然后在需要用到这个函数的地方去引用就行了

refresh () {
this.reload()
}

这样子就可以刷新页面了,而且不会出现白屏的情况,比前面两种方法好用,推荐大家使用。...

立即注册
更新于:2022-10-25 19:08:08
    您需要登录后才可以评论。 立即注册
    推荐内容

    分享几个好用的bt搜索bt资源下载网址网站

    影视电影剧集动漫综艺bt资源在线播放网址网站推荐分享

    全网最新bt磁力搜索引擎bt资源bt网站网址分享

    人气美女女优百度指数排行榜(波多野结衣,苍井空,三上悠亚,深田咏美,桥本有菜,北条...

    最强人造人深田咏美,业界的社交女王

    人生起起落落的三上悠亚,成名前的清纯风,怎么搭配出来的?

    业内第一大长腿,桥本有菜的腿究竟有多长

    波多野结衣,岛国业界著作最多的超级劳模

    日本AV界NO.1,苍井空是多少宅男的疯狂?

    美女女优视频混剪 This Girl-Laza Morgan

    怎样使用V2Ray代理和SSTap玩如魔兽世界/绝地求生/LOL台服/战地3/黑色沙漠/彩...

    sstap游戏代理教程 从此玩如魔兽世界/绝地求生/LOL台服/战地3/黑色沙漠/彩虹六...

    影视电影剧集动漫综艺bt资源在线播放网址网站推荐分享