15 vue 的v-for 循环对象

v-for 循环遍历

data: {
list: {
id: 1,
name: '托尼',
gender: '男'
}
},

比如数据 list 对象。 有3个对应的属性 id  name 和gender

 

<!-- 注意：在遍历对象身上的键值对的时候， 除了 有 val key ,在第三个位置还有 一个 索引 -->
<p v-for="(val, key, i) in user">值是： {{ val }} --- 键是： {{key}} -- 索引： {{i}}</p>

结果为

 

值是： 1 --- 键是： id -- 索引： 0

值是： 托尼 --- 键是： name -- 索引： 1

值是： 男 --- 键是： gender -- 索引： 2