uni-app开发过程中,view视图不实时刷新的解决方法

在开发uni-app应用时,我们会遇到视图绑定的数组信息更新的情况,而页面却不能实时刷新,本文提供解决思路和问题分析.PS:本文是技术分享文,非专业相关人士请慎看.

我们在开发应用时,有一个很好用的属性v-for可以让我们根据data中的数组来更新一组样式相同的view组件,如图

示例代码

就可以根据list数组中的数据,迭代class为example的view组件,而当list数组数据在一些其他事件中更新后,组件并不会随着数据 的更新而重新迭代,会维持最开始的迭代状态,所以会出现数组更新而页面不实时刷新的情况.

在此,为大家提供一个解决思路:在要迭代的view组件外包裹一层带v-if属性的view组件,对v-if绑定的数据进行赋值false再赋值true,来重建view组件以达到视图更新的目的.上图

v-if包裹层

事件代码举例

以上为全部文字,方法很简单,但是在开发过程中未必能立即想到.

祝各位同道能够开发顺利,一路无红~

以上

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20200212A0EIGI00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券