当前位置: 代码迷 >> 综合 >> 2020-02-17 用provide / inject解决vue相同路由不刷新的问题
  详细解决方案

2020-02-17 用provide / inject解决vue相同路由不刷新的问题

热度:78   发布时间:2023-12-15 15:15:25.0

要点:

  1. 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()来刷新页面。