• 欢迎光临~

v-for 遍历对象

开发技术 开发技术 2022-10-27 次浏览

在使用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>
程序员灯塔
转载请注明原文链接:v-for 遍历对象
喜欢 (0)