微信小程序(wx:for)遍历对象

在小程序数据处理显示过程中,出现一种头疼情况:返回的对象类型是不定长度的结构,如下格式:

words_result:

住址: {words: "广东省深圳市南山区龙井路XXX号"}

准驾车型: {words: "C1"}

出生日期: {words: "19800101"}

初次领证日期: {words: "20100523"}

国籍: {words: "中国"}

姓名: {words: "李小明"}

性别: {words: "男"}

有效期限: {words: "10年"}

有效起始日期: {words: "20160523"}

证号: {words: "44030119800101"}

```

按照通常方式wx:for只能处理array格式,针对这种情况,就需要简单修改一下:

<view wx:for="{{words_result}}" wx:for-index="key"  wx:for-item="value">

{{key}} : {{value.words}}

</view>

实现之后的效果:

住址: 广东省深圳市南山区龙井路XXX号

准驾车型: C1

出生日期: 19800101

.........

原因:

使用 wx:for-item 可以指定数组当前元素的变量名, 使用 wx:for-index 可以指定数组当前下标的变量名:

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容