当前位置: 首页 > 科技观察

很多人不知道你可以使用这个Key方法来重新渲染Vue组件!

时间:2023-03-23 01:34:25 科技观察

在某些情况下,我们不得不强制Vue重新渲染组件,如果没有,那可能是你的业务不够负责,反正我经常需要重新渲染组件,哈哈。虽然Vue不会自动更新的情况相对较少,但了解如何在自动更新时修复它是很有用的。大多数情况下,造成这个问题的根本原因是我们对Vue响应式的理解还没有到位。因此,请尝试确保我们正确使用Vue。反应有时会很棘手,我常常不知所措。在本节中,我们将做一些以前很少或从未做过的事情:使用key重新渲染组件。在这篇文章中,我将涵盖这些知识点:如何更改组件键的关键如何与多个子组件一起工作如何通过更改键的值来强制子组件更新自身以重新渲染组件我最喜欢的方法是use键属性,因为使用键的方式,Vue知道特定的组件与特定的数据相关。如果密钥保持不变,则不会更改组件。然而,如果键改变了,Vue知道它应该删除旧组件并创建一个新组件。这是一个非常基本的方法:每次调用forceRerender时componentKey的值都会改变。当componentKey的值改变时,Vue知道移除ComponentToReRender组件并创建一个新组件。这样ComponentToReRender就会重新渲染并重置里面的状态。好好!强制多个子节点更新也可以这样用于多个子组件: