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