vue中的forceUpdate方法

适用场景:
如果要改变data中的对象或者数组,会发现data数据改变了,但是页面上并没有更新
如:

this.list[index].sex = '男';

此时要想更新可以使用

this.$set(this.list[index],'sex','男')

也可以使用

this.list[index].sex = '男';
this.$forceUpdate(); //用来强制刷新页面

缺点:
forceUpdate可能会导致性能下降,因为它绕过了 Vue 的响应式系统

尽量使用Vue.set 和 this.$set ,可以在响应式对象中添加或更新属性,确保响应式系统能够跟踪属性变化。

posted @ 2023-09-27 15:35  天官赐福·  阅读(1124)  评论(0)    收藏  举报
返回顶端