首页>内容

uniapp更新视图

小坏蛋 / 05-16 / 评论 / 阅读 / 赞

作者有点忙，还没写简介

文章描述：

uniapp是根据data属性值来渲染视图效果，uniapp刷新DOM过程中，你修改了data中的属性。此时uniapp无法感知到属性已经发生变化了，因此，期待的DOM刷新未发生。

data数据

return {
    list: [
	{id:1,height:100},
	{id:2,height:100}
    ],
}

第一种方案：

this.$forceUpdate();

/*修改属性*/
this.list[0].height = 101;
/*紧接着跟一条强制更新指令*/
this.$forceUpdate();
console.log(this.list)

第二种方案：

/*修改属性*/
this.list[0].height = 101;
/*紧接着，通过重新赋值属性，触发该属性的setter方法*/
this.list= Object.assign({}, this.list);
console.log(this.list)

发布时间：2022/05/16

this.$forceUpdate()