//1、provide广播机制,就是谁都可以调用
<template>
<div id="app">
<keep-alive>
<router-view v-if="isRouterAlive"></router-view>
</keep-alive>
</div>
</template>
<script>
export default {
name: 'App',
data() {
return {
isRouterAlive:false
}
},
provide() {
return {
reload: this.reload
}
},
methods:{
reload() {
this.isRouterAlive = true
// $nextTick() 在所有DOM都加载完成后调用
this.$nextTick(() => this.isRouterAlive = true)
}
}
}
//在组件中调用
//inject 与 provide配套使用
inject:['reload'],
//使用this.reload()调用即可实现
this.reload()
</script>
vue全局刷新功能
最新推荐文章于 2024-05-16 14:04:02 发布