1. 首页
  2. 编程语言
  3. Javascript
  4. vue将data恢复到初始状态 && 重新渲染组件实例

vue将data恢复到初始状态 && 重新渲染组件实例

上传者: 2021-08-28 14:54:27上传 PDF文件 98.70 KB 热度 23次

源对象覆盖并合并目标对象中的内容,即有则覆盖,无则添加。虽然能实现重新渲染,但不推荐首选通过修改key的值,就会重新渲染该组件迫使 Vue 实例重新渲染。注意它仅仅影响实例本身和插入插槽内容的子组件,而不是所有子组件。把一个组件重置到初始状态是一个常见的需求,推荐的做法有两种,一种是父组件重置子组件的 prop,另一种是子组件暴露一个重置的方法供父组件调用。更重要的是,这个子组件我们还动不了。hack 的方式来强制子组件重置到初始状态在你需要重置组件状态的操作里面加上这个句话,就可以实现组件的刷新,v-if 在切换时,元素及它的绑定数据和组件都会被销毁并重建

用户评论