VUE强制刷新子组件

问题: 因为父组件的tab切换, 导致子组件一直存在, 没有刷新. 所以当父组件传值更新时, 子组件无法获取到.

解决: 只要让子组件强制刷新就可以获取到props传递过来的值了. 利用v-if的特性, 在父组件中强制刷新子组件.

[
复制代码

](javascript:void(0); "复制代码")

 data(){
  return {
    sonRefresh: true
  }
}

// 下面这段内容写在父组件获取值的地方
this.sonRefresh= false;
this.$nextTick(() => {
this.sonRefresh= true;
});

[
复制代码

](javascript:void(0); "复制代码")

以上内容都是写在父组件中的.

你可能感兴趣的:(VUE强制刷新子组件)