YooooooO_0
YooooooO_0
  • 发布:2021-01-15 13:55
  • 更新:2021-02-03 16:58
  • 阅读:842

【报Bug】v-for渲染Map对象时

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Mac

PC开发环境操作系统版本号: 10.14.6

HBuilderX类型: 正式

HBuilderX版本号: 3.0.4

手机系统: Android

手机系统版本号: Android 11

手机厂商: 华为

手机机型: mate30

页面类型: vue

打包方式: 云端

项目创建方式: HBuilderX

操作步骤:
复制代码<template>  
    <view style="height:100vh;width: 100%;position: relative;">  
        <view style="position: absolute;left: 20px;bottom: 20px;z-index:400;background-color: #FFFFFF;padding: 10px;">  
            <view v-for="(value, key) in map" :key="key" style="display: flex; flex-direction: column;">  
                <view style="display: flex;">  
                    <view style="padding-right: 10px;">key:{{key}}</view>  
                    <view style="padding-right: 10px;">value:{{value}}</view>  
                </view>  
            </view>  
        </view>  

    </view>  
</template>  

<script>  

    export default {  
        data() {  
            return {  
                id: '111',  
                map: new Map([  
                    ['a', 'a'],  
                    ['b', 'b'],  
                    ['c', 'c']  
                ])  
            };  
        },  
        onLoad() {  
            for (let k of this.map) {  
                console.log("k", k);  
            }  
        },  
    };  
</script>

预期结果:

v-for渲染的数据:
key:0,value:['a', 'a']
key:1,value:['b', 'b']
key:2,value:['c', 'c']

实际结果:

key:undefined,value:undefined,
key:0,value:['a', 'a']
key:1,value:['b', 'b']

bug描述:

v-for渲染map对象时,第一项是undefined,没有最后一项

2021-01-15 13:55 负责人:DCloud_UNI_GSQ 分享
已邀请:
DCloud_UNI_GSQ

DCloud_UNI_GSQ

问题确认,已加分,后续优化

  • m***@qq.com

    看一下这问题呗。https://ask.dcloud.net.cn/question/114725

    2021-01-18 21:33

DCloud_UNI_GSQ

DCloud_UNI_GSQ

HBuilderX 3.1.0 alpha 已修复

该问题目前已经被锁定, 无法添加新回复

  • 标题 / 粗斜体
  • 代码片段
  • 超链接 / 图片 / 视频
  • 列表 / 引用

文章内容较多时,可以用标题分段 :

## 大标题 
### 小标题

斜体 / 粗体 :

**粗体** 
*斜体*
***粗斜体***

代码片段 :

``` javascript
代码片段
```

超链接 :

[链接文字](链接地址) 例: [百度](http://www.baidu.com)

图片 :

![图片说明](图片地址) 例: ![百度logo](http://www.baidu.com/img/bdlogo.gif)

视频 :

!![视频说明](视频地址) 例: !![优酷视频](http://youku.com)

有序列表 :

1. 123
2. 123
3. 123

无序列表 :

- 123
- 123
- 123

引用 : ( 双回车后结束引用 )

> 引用内容
引用内容
引用内容