vue map根据key取value的值
时间: 2024-01-24 17:04:51 浏览: 212
你可以使用 Vue.js 中提供的 $refs 来获取 map 对象,然后通过 key 值来获取对应的 value 值。具体实现可以参考以下代码:
```
<template>
<div>
<div ref="myMapRef" style="display:none">
<div v-for="(item, key) in myMap"
:key="key"
:value="item"
:id="key">
</div>
</div>
</div>
</template>
<script>
export default {
data() {
return {
myMap: new Map([
['key1', 'value1'],
['key2', 'value2'],
['key3', 'value3']
])
}
},
mounted() {
// 获取 map 对象
const myMap = this.$refs.myMapRef.children;
// 通过 key 值获取对应的 value 值
const key = 'key2';
const value = myMap.namedItem(key).getAttribute('value');
console.log(value); // 输出 'value2'
}
}
</script>
```
希望这能够解决你的问题。
阅读全文