1.在vue(app.vue文件)里配置:
<template>
<div>
<router-view v-if="isRouterAlive" />
</div>
</template>
<script>
export default {
provide() { //提供reload方法
return {
reload: this.reload
}
},
data() {
return {
isRouterAlive : true
}
},
methods:{ //刷新方法
reload() {
this.isRouterAlive = false;
this.$nextTick(function() {
this.isRouterAlive = true
})
},
}
};
</script>
在组件中使用:
<script>
export default {
inject: ['reload'],
methods:{
refresh() {
this.reload();
}
}
}
</script>