vue中子组件恢复初始样式,并防止父向子传值失效方法

        我先是搜索子组件刷新方法,有利用 v-if (直接强制删除重新渲染子组件)、 key值(方式同v-if,但是其生命周期流程相对v-if多出重建周期,且无感知) 、 $forceUpdate等三种方法进行,但是前两种方法会导致传值失效,$forceUpdate只能在组件内进行刷新渲染。

        后来改调用子组件方法手动刷新各项值,通过父调子方法来刷新(给子组件上ref属性,并调用this.$refs.childRefName.flush方法()来进行刷新)

posted @ 2021-11-01 10:13  Hansenne  阅读(208)  评论(0)    收藏  举报