vueforEach遍历Map获取value
时间: 2023-11-22 10:54:43 浏览: 107
在 Vue 中使用 `forEach` 遍历 Map 并获取 value 的方法如下:
```javascript
<template>
<div>
<ul>
<li v-for="(value, key) in myMap" :key="key">
{{value}}
</li>
</ul>
</div>
</template>
<script>
export default {
data() {
return {
myMap: new Map([
["key1", "value1"],
["key2", "value2"],
["key3", "value3"]
])
}
}
}
</script>
```
在模板中,使用 `v-for` 遍历 Map,同时通过解构的方式获取 `value` 和 `key`。然后在模板中直接使用 `{{value}}` 即可获取 Map 中的 value。需要注意的是,在 `v-for` 中必须指定 `key`,这里使用 `key` 作为 key 的值。
如果需要在 JavaScript 中使用 forEach 遍历 Map 并获取 value,可以这样写:
```javascript
const myMap = new Map([
["key1", "value1"],
["key2", "value2"],
["key3", "value3"]
])
myMap.forEach((value, key) => {
console.log(value)
})
```
使用 `forEach` 遍历 Map,回调函数的第一个参数是 value,第二个参数是 key。
阅读全文