首页 > 其他分享 >v-for 遍历对象

v-for 遍历对象

时间:2022-10-27 13:22:30浏览次数:48  
标签:index 遍历 对象 list value key 格式

在使用v-for的时候 ,大多数是用来遍历数组的,那么v-for是否能够用来遍历对象,得到的结果又是什么?

let list = { name:"LiHua",sex:"male"}

1.获取value,格式:value in list

<ul>
  <li v-for="value in list">{{value}}</li>
</ul>
  1. 获取key和value,格式:(value,key) in list
<ul>
  <li v-for="(value,key) in list">{{value}}、{{key}}</li>
</ul>
  1. 获取key,value,index 格式(value,key,index) in list
<ul>
  <li v-for="(value,key,index) in list">{{value}}、{{key}}、{{index}}</li>
</ul>

标签:index,遍历,对象,list,value,key,格式
From: https://www.cnblogs.com/echohye/p/16831881.html

相关文章