Deng199827 2019-09-18 16:48 采纳率: 50%
浏览 499
已采纳

v-for如何处理对象数组?

图片说明

图片说明

结果是图片说明

如何将结果变成
{"Spacey"}
{"21"}
{"male"}

  • 写回答

4条回答 默认 最新

  • Kuukiliselessness 2019-09-18 17:34
    关注

    如果想达到你说的效果 可以再用一次 v-for 把 item 也循环一次
    像这样

    <ul>
        <li v-for="item of object">
            <template v-for="subItem in item"><!-- 注意遍历对象的时候只能用 in -->
                {{subItem}}
            </template>
        </li>
    </ul>
    
    

    但是不建议上面这种做法 =.= ,

    要达到同样效果 可以尝试修改 object 结构
    例如

    object = {
        name: "name1",
        age: "age1",
        sex: "sex1"
    }
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(3条)

报告相同问题?