javascript - 關于vuejs的v-for循環問題

問題描述

vue.js要如何做到類似for in的方法遍歷對象，我要取到對象內的某個字段名和值。

問題解答

<p id='box'> <ul><li v-for='val in arr' track-by='$index'> {{val}} </li> </ul></p>var vm=new Vue({ el:’#box’, data:{ arr:[’apple’,’banana’,’orange’] }, methods:{ }});對于arr里面的$index 和 $key 在1.0之內的版本可以使用，在2.0之后就摒棄了，引入框架版本的時候一定要注意，在2.0還可以用 v-for='（val，index） in arr' {{index}}回答2：

不太明白是什么意思？

是要用v-for展示在頁面上嗎？

亦或者是？

Object.keys取得這個對象的key組成的數組, v-for遍歷這個數組, obj[k]的形式取得字段

<p id='box'> <ul><li v-for='(val,key) in arr' track-by='$index'> {{key}}:{{val}} //key是鍵，val是值 </li> </ul></p>var vm=new Vue({ el:’#box’, data:{ arr:[’apple’,’banana’,’orange’] }});回答5：

v-for = ‘（item，index）in items’items 數組item 數組項index 數組項對應下標代碼必須被引號包裹

<p v-for='(val, key) in object'></p>