很多时候,通过重置数据将页面重置时,子组件可以提供重置的方法,或者提供props重置自己的状态。但是相对麻烦,那可以使用强制刷新来实现刷新组件。
组件
<component v-if="hackReset"></component>
data中 hardReset
/*某一操作重置数据*/
this.hardReset= false
this.$nextTick(() => {
this.hardReset= true
});
也可以试试这个
vm.$forceUpdate()
forceUpdate
2018/11/02 迫使 Vue 实例重新渲染。注意它仅仅影响实例本身和插入插槽内容的子组件,而不是所有子组件。
网友评论