Vue this.$forceUpdate 强制渲染页面

作者: tww844475003 分类: 前端开发 发布时间: 2021-05-22 19:31
  • 刷新整个页面(最low的,可以借助route机制)
  • 使用v-if标记(比较low的)
  • 使用内置的forceUpdate方法(较好的)
  • 使用key-changing优化组件(较好的,定义组件key值)

由于一些嵌套特别深的数据,导致数据更新了,但是页面却没有重新渲染。我遇到的一个情况是,v-for遍历数据渲染,当方法中处理相应数组数据时,数组改变了,但是页面却没有重新渲染。

解决方法:运用 this.$forceUpdate()强制刷新,解决v-for更新数据不重新渲染页面。

官方解释:迫使 Vue 实例重新渲染。注意它仅仅影响实例本身和插入插槽内容的子组件,而不是所有子组件。

前端开发那点事
微信公众号搜索“前端开发那点事”

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注