博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue刷新页面-
阅读量:6288 次
发布时间:2019-06-22

本文共 516 字,大约阅读时间需要 1 分钟。

  hot3.png

在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

你可能感兴趣的文章
机房环境
查看>>
我的友情链接
查看>>
ping检查主机状态
查看>>
php 扩展开发需要具备知识和学习步骤
查看>>
设计模式开篇
查看>>
Windows下php 5.3.5和apache2安装配置及测试
查看>>
centos6.5多网卡绑定
查看>>
我的友情链接
查看>>
冒泡排序和基准排序
查看>>
jquery属性的相关js实现方法
查看>>
Stuxnet2.0现身欧洲
查看>>
企业级的大数据安全分析
查看>>
activity生命周期
查看>>
我的友情链接
查看>>
使用virt-install创建虚拟机(已测OK)
查看>>
返回按钮定制方法之比较
查看>>
北京故事(7,8)
查看>>
进程之间的关系(UNIX高级环境编程)
查看>>
iOS 推送 获取手机设备的 deviceToken
查看>>
AgileEAS.NET平台开发实例-开发环境配置
查看>>