vue怎么遍历接口返回的hashmap的k和v
时间: 2024-05-07 09:16:01 浏览: 131
可以使用`v-for`指令遍历hashmap的键值对。
假设接口返回的hashmap数据格式如下:
```json
{
"1": "张三",
"2": "李四",
"3": "王五"
}
```
则可以使用以下代码遍历:
```html
<template>
<div>
<ul>
<li v-for="(value, key) in hashMap" :key="key">
{{ key }}: {{ value }}
</li>
</ul>
</div>
</template>
<script>
export default {
data() {
return {
hashMap: {}
};
},
mounted() {
// 假设接口返回的数据为res
this.hashMap = res.data;
}
};
</script>
```
在`v-for`指令中,`value`表示hashmap的值,`key`表示hashmap的键。使用`:key="key"`将`key`作为每个列表项的唯一标识。在模板中,使用`{{ key }}: {{ value }}`显示每个键值对。
阅读全文