前端

vue 重置子组件的默认状态

2019-03-28  本文已影响0人  若年

在项目开发中我们经常会遇到需要重置子组件默认状态的情况,可以用以下方式解决:

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

子组件:自己封装的组件

   <IncomeStatistics v-if="DestroyIncomeStatistics == true"
                            ref="IncomeStatisticsChild"></IncomeStatistics>

然后在父组件内的方法中操作

父组件

this.DestroyIncomeStatistics = false;

 this.$nextTick(() => {
          this.DestroyIncomeStatistics = true;
        });

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

上一篇 下一篇

猜你喜欢

热点阅读