Vue子组件刷新父组件,实现切换后刷新子页面

1.父组件

在router-view 中增加isRouterAlive

Vue子组件刷新父组件,实现切换后刷新子页面_第1张图片

provide () {
   return {
     reload: this.reload
   }
},
data() {
   return {
     isRouterAlive:true,
  };
},
methods: {
 reload () {
    this.isRouterAlive = false
    this.$nextTick(function () {
    this.isRouterAlive = true
 })
}

 2.子组件引入父组件方法在调用的地方this.reload() 方法就行了

  name: 'subDemo',
  inject: ['reload'],

你可能感兴趣的:(vue.js,javascript,前端)