美文网首页前端
vue 重置子组件的默认状态

vue 重置子组件的默认状态

作者: 若年 | 来源:发表于2019-03-28 16:16 被阅读0次

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

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

子组件:自己封装的组件

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

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

父组件

this.DestroyIncomeStatistics = false;

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

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

相关文章

  • vue 重置子组件的默认状态

    在项目开发中我们经常会遇到需要重置子组件默认状态的情况,可以用以下方式解决: 原理就是:采用v-if会销毁组件并且...

  • vue-插槽slot

    默认插槽 app.vue app是父组件,test是子组件 test.vue 要想让父组件的www显示,必须要在子...

  • 【Vue】组件 - 插槽默认值

    基础知识 【Vue】组件 - 插槽的基本用法 【Vue】组件 - 多个插槽 子组件里,在 里写上默认的内容。 在父...

  • (vue)更新数据时,强制刷新组件

    很多时候,通过重置数据将页面重置时,子组件可以提供重置的方法,或者提供props重置自己的状态。但是相对麻烦,那可...

  • Vue杂记之强制重新生成DOM

    对于一个vue组件,如果我们想要吧它重置到最初始的状态,一般只需要将组件内部的数据进行重置即可。但是在某些情况下,...

  • React 文档再学习 3 管理状态 - 正确的组织状态

    保留或者重设状态 对于以下的组件 如果重置了 contact ,组件内部的 的值不会被重置。如果需要重置整个...

  • 父子组件间传值

    一、传值说明Vue实例可以当作一个组件,也有自己控制的区域。然后在实例中定义私有组件,即子组件;子组件中,默认无法...

  • vue-7

    插槽在vue中,组件实例的作用域是孤立的,默认情况下,父子组件的数据是不能共享的。所以子组件的内容应当写在子组件里...

  • Vue父子组件传值

    父传子 父组件 Father.vue 子组件 Son.vue 子传父 子组件 Son.vue 父组件 ...

  • 实现接口参数为空时不传参,刷新页面时参数重置问题

    如图,我们在Vue项目里面调用接口,如果此时用户进行了筛选且刷新页面时,Vue项目该页面默认的参数会重置为初始状态...

网友评论

    本文标题:vue 重置子组件的默认状态

    本文链接:https://www.haomeiwen.com/subject/iexcbqtx.html