vue强制刷新组件的方法示例

  // 原理就是:采用v-if会销毁组件并且重绘,这样就会重载组件

  // 子组件:自己封装的组件

  

  ref="IncomeStatisticsChild">

  // 然后再父组件内的增删改查方法中操作,就好了

  this.DestroyIncomeStatistics = false;

  // 然后你的方法成功后

  // Vue 实现响应式并不是数据发生变化之后 DOM 立即变化,而是按一定的策略进行 DOM 的更新。

  // 在vue的深入响应式原理中有解释:

  // $nextTick 是在下次 DOM 更新循环结束之后执行延迟回调,在修改数据之后使用 $nextTick,则可以在回调中获取更新后的 DOM

  this.$nextTick(() => {

  this.DestroyIncomeStatistics = true;

  });

  //这样的话就会完成强制刷新