<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>
YooooooO_0
- 发布：2021-01-15 13:55
- 更新：2021-02-03 16:58
- 阅读：836
产品分类： uniapp/App
PC开发环境操作系统： Mac
PC开发环境操作系统版本号： 10.14.6
HBuilderX类型： 正式
HBuilderX版本号： 3.0.4
手机系统： Android
手机系统版本号： Android 11
手机厂商： 华为
手机机型： mate30
页面类型： vue
打包方式： 云端
项目创建方式： HBuilderX
操作步骤：
预期结果：
v-for渲染的数据：
key:0,value:['a', 'a']
key:1,value:['b', 'b']
key:2,value:['c', 'c']
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']
key:undefined,value:undefined,
key:0,value:['a', 'a']
key:1,value:['b', 'b']
bug描述：
v-for渲染map对象时，第一项是undefined，没有最后一项
m***@qq.com
看一下这问题呗。https://ask.dcloud.net.cn/question/114725
2021-01-18 21:33