<template>
<div v-for="map in _list">
<ul v-for="(_key,index) in Object.key(map)" :key="index">
{{_key + " : " + Object.value(map)[index]}}
</div>
</template>
方案二:在js部分对集合进行处理,使用到Object.entries枚举方法
let newList = []
let _length = null != _list ? _list.length : 0
for(let i = 0
Object.entries(_list[i]).forEach( label=>{
let [_key , _value] = label
newList.push({_key , _value})
this._list = newList
前端html代码稍微发生变化
<template>
<div v-for="map in _list">
{{map._key + " : " + map._value}}
</div>
</template>
这样就避免了后端数据未发送到前端时,前端进行渲染,导致Object.key等方法报错的问题。