vue将data恢复到初始状态 && 重新渲染组件
Object.assign(this.$data, this.$options.data()) // 初始化data这里的 this.$options.data() 作为源对象, this.$data 作为目标对象。源对象覆盖并合并目标对象中的内容,即有则覆盖,无则添加。...
·
1. 将data恢复到初始状态
Object.assign(this.$data, this.$options.data()) // 初始化data
这里的 this.$options.data() 作为源对象, this.$data 作为目标对象。源对象覆盖并合并目标对象中的内容,即有则覆盖,无则添加。
2. 重新渲染组件
方法一:v-if(可以重置生命周期)
虽然能实现重新渲染,但不推荐首选
方法二:给组件加key值【推荐】
通过修改key的值,就会重新渲染该组件
方法三:this.$forceUpdate()
迫使 Vue 实例重新渲染。注意它仅仅影响实例本身和插入插槽内容的子组件,而不是所有子组件。
更多推荐
已为社区贡献8条内容
所有评论(0)