要点:
- 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()来刷新页面。