勇敢的心_
勇敢的心_
  • 发布:2024-10-22 17:13
  • 更新:2024-10-22 18:09
  • 阅读:233

uniapp(vu2)如何对Map数据v-for渲染呢?

分类:uni-app

uniapp(vu2)如何对Map数据v-for渲染呢?

2024-10-22 17:13 负责人:无 分享
已邀请:
爱豆豆

爱豆豆 - 办法总比困难多

直接循环就行
参考代码

复制代码<template>  
    <view >  
        <view v-for="item in mapList">  
            {{item}}  
        </view>  

        <view v-for="(value, key) in mapList.values()">  
            {{key}}----{{value}}  
        </view>  
    </view>  
</template>  

<script>  
    export default{  
        data(){  
            return{  
                mapList:[]  
            }  
        },  
        onLoad() {  
            let mapTemp = new Map()  
            mapTemp.set('name','aaa')  
            mapTemp.set('age','22')  
            this.mapList = mapTemp  
        }  
    }  
</script>  
勇敢的心_

勇敢的心_ (作者) - 始于1994

好像并不行呢,是不是vue版本的问题,vue2文档中有一个这个

复制代码v-for  
预期:Array | Object | number | string | Iterable (2.6 新增)
  • 爱豆豆

    不是吧 我用的也是vue2

    2024-10-22 18:16

  • 爱豆豆

    你是不是用了ts

    2024-10-22 18:17

要回复问题请先登录注册

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

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

## 大标题 
### 小标题

斜体 / 粗体 :

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

代码片段 :

``` 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

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

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