1.App.vue

<template>
<div id="app">
<router-view v-if="isRouterAlive" /> </div>
</template> <script> export default {
data(){
return{
isRouterAlive: true
}
}, created () {
console.log(this.$store.getters.menuList)
},
// 刷新页面
methods:{
reload () {
this.isRouterAlive = false
this.$nextTick(function () {
this.isRouterAlive = true
})
}
},
name: 'App',
provide () {
return {
reload: this.reload
}
},
}
</script> <style lang="less">
.size {
width: %;
height: %;
}
html,
body {
.size;
overflow: hidden;
margin: ;
padding: ;
}
#app {
.size;
}
</style>
  1. 通过声明reload方法,控制router-view的显示或隐藏,从而控制页面的再次加载,这边定义了
  2. 然后在需要当前页面刷新的页面中注入App.vue组件提供(provide)的 reload 依赖,然后直接用this.reload来调用就行

4.子页面

子页面

5.刷新方法

 //刷新
refresh() {
this.reload();
},

最新文章

  1. [个人翻译]Redis 集群教程(上)
  2. 【转】SqlServer将没有log文件的数据库文件附加到服务器中
  3. pythonchallenge(二)
  4. BZOJ 4011 落忆枫音
  5. iOS开发内购图文教程
  6. PCB布线的地线干扰与抑制方法
  7. 编译安装hph
  8. 川普和习G-20会面为缓和中美贸易战提供了很大的机会
  9. 【XSY1642】Another Boring Problem 树上莫队
  10. mysql启动时报错:Starting MySQL... ERROR! The server quit without updating PID file (/opt/mysql/data/mysql.pid)
  11. java压缩流
  12. Jmeter+Ant+Jenkins实现接口自动化(转载)
  13. 如何取得Oracle并行执行的trace
  14. centos7.3上安装oracle xe 11g
  15. Mongodb 笔记04 特殊索引和集合、聚合、应用程序设计
  16. Linux虚拟内存系统常用参数说明
  17. Android热修复之AndFix使用教程
  18. 03.什么是Lucene全文检索的原理01
  19. Mysql:如果数据存在则更新,不存在则插入
  20. jdk之object源码理解

热门文章

  1. PHPExcel 之常用功能
  2. [CSP-S模拟测试]:Silhouette(数学)
  3. 阿里云code上传代码
  4. HDU 5952 Counting Cliques(dfs)
  5. IHttpHandler
  6. C#如何获取系统downloads和documents路径
  7. ORA-02298问题处理
  8. 2019/11/02 TZOJ
  9. is_numeric漏洞总结
  10. deepin下安装配置git