在项目开发中我们经常会遇到需要重置子组件默认状态的情况,可以用以下方式解决:
原理就是:采用v-if会销毁组件并且重绘,这样就会重载组件
子组件:自己封装的组件
<IncomeStatistics v-if="DestroyIncomeStatistics == true"
ref="IncomeStatisticsChild"></IncomeStatistics>
然后在父组件内的方法中操作
父组件
this.DestroyIncomeStatistics = false;
this.$nextTick(() => {
this.DestroyIncomeStatistics = true;
});
网友评论