要点:
- app.vue
//模板:
<router-view v-if="isRouterAlive"></router-view>
//Vue代码:
export default {
name: "App",
data() {
return {
isRouterAlive: true
};
},
provide() {
return {
reload: this.reload
};
},
methods: {
reload: function() {
this.isRouterAlive = false;
this.$nextTick(function() {
this.isRouterAlive = true;
});
},
};
- 任何需要调用reload()的子组件中:
export default { name: "bbs", inject: ["reload"],
- 在这个子组件中,通过this.reload()来刷新页面。
网友评论