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包裹层

事件代码举例

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

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

以上