vue刷新页面-

在App.vue中修改:

1.<router-view>标签中添加判断条件v-if="isRouterAlive"

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

d8ecff1d43ebf88dd0cf73ea08211e22d89.jpg

2.data()函数中添加isRouterAlive: true

data() {

return {

isRouterAlive: true

}

}

2bd34fbde0500f8431e5fdae15a5f151d18.jpg

3.在method中添加reload方法

methods: {

// 刷新方法

reload: function () {

this.isRouterAlive = false;

// 该方法会在dom更新后执行

this.$nextTick(function () {

this.isRouterAlive = true

})

}

},

f1d1a101a9b6a71f51f5f080921e6e95b6c.jpg

4.provide中添加return

return {

reload: this.reload

}

31d2825883c87cf5378dcc6037003dced9b.jpg

在你要刷新的页面下:

1.添加inject: ['reload'],

fcff77bb5a38e7a124eb4782e92466c5933.jpg

2.在执行方法上调用this.reload()

3fa3c9cfdb114dd5b7f0eab7f3b1713c9af.jpg

即可重新刷新页面

转载于:https://my.oschina.net/lccchn/blog/2967419

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值