ivew 【provide/inject] 页面刷新实现reload
2024-09-05 23:47:51
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>
- 通过声明reload方法,控制router-view的显示或隐藏,从而控制页面的再次加载,这边定义了
- 然后在需要当前页面刷新的页面中注入App.vue组件提供(provide)的 reload 依赖,然后直接用this.reload来调用就行
4.子页面
子页面
5.刷新方法
//刷新
refresh() {
this.reload();
},
最新文章
- [个人翻译]Redis 集群教程(上)
- 【转】SqlServer将没有log文件的数据库文件附加到服务器中
- pythonchallenge(二)
- BZOJ 4011 落忆枫音
- iOS开发内购图文教程
- PCB布线的地线干扰与抑制方法
- 编译安装hph
- 川普和习G-20会面为缓和中美贸易战提供了很大的机会
- 【XSY1642】Another Boring Problem 树上莫队
- mysql启动时报错:Starting MySQL... ERROR! The server quit without updating PID file (/opt/mysql/data/mysql.pid)
- java压缩流
- Jmeter+Ant+Jenkins实现接口自动化(转载)
- 如何取得Oracle并行执行的trace
- centos7.3上安装oracle xe 11g
- Mongodb 笔记04 特殊索引和集合、聚合、应用程序设计
- Linux虚拟内存系统常用参数说明
- Android热修复之AndFix使用教程
- 03.什么是Lucene全文检索的原理01
- Mysql:如果数据存在则更新,不存在则插入
- jdk之object源码理解