<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; i< _length; i++){
                    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等方法报错的问题。

  •