微信小程序开发,有filteredDataArray数组如下[{"date": "2023-05-08", "avenues": {"自然来访": 32, "转介": 3, "自拓": 0,"电call": 0, "老客户": 0 }, "dataCount": 25, "周蕾": { "自然来访": 32, "转介": 3, "自拓": 0, "电call": 0, "老客户": 0}, }, {date: 2023-05-09, avenues: {"自然来访": 0, "转介": 0, "自拓": 0, "电call": 0, "老客户": 0, }, dataCount: 0, "": { } }, { date: 2023-05-10, avenues: { "自然来访": 61, "转介": 27, "自拓": 0, "电call": 0, "老客户": 0,}, dataCount: 88, "黄美华": { "自然来访": 22, "转介": 13,"自拓": 0,"电call": 0, "老客户": 0 }, "张巧儿": { "自然来访": 39, "转介": 14, "自拓": 0,"电call": 0, "老客户": 0 }]wx:for如何绑定数组内的不确定部分?
时间: 2023-08-15 09:08:11 浏览: 68
你可以使用 `wx:for-item`、`wx:for-index` 和 `wx:key` 来绑定数组内的不确定部分。具体来说,可以按照以下步骤操作:
1. 在 `wxml` 文件中使用 `wx:for` 循环遍历 `filteredDataArray` 数组:
```html
<view wx:for="{{filteredDataArray}}" wx:key="index">
<!-- 这里的 index 是循环的索引,可以根据需要命名 -->
</view>
```
2. 在循环体中,使用 `wx:for-item` 和 `wx:for-index` 分别绑定当前遍历对象的属性和属性值:
```html
<view wx:for="{{filteredDataArray}}" wx:key="index">
<view wx:for-item="item" wx:for-index="index">
<!-- item 表示当前遍历对象,index 表示当前遍历对象的索引 -->
</view>
</view>
```
3. 如果当前遍历对象的属性是不确定的,可以使用 `{{key}}` 的形式动态获取属性名:
```html
<view wx:for="{{filteredDataArray}}" wx:key="index">
<view wx:for-item="item" wx:for-index="index">
<view wx:for="{{item}}" wx:key="key">
<view>{{key}}: {{item[key]}}</view>
</view>
</view>
</view>
```
这里的 `{{key}}` 表示动态获取当前遍历对象的属性名,`item[key]` 表示动态获取当前遍历对象的属性值。
阅读全文