問題描述

vue.js要如何做到類似for in的方法遍歷對(duì)象，我要取到對(duì)象內(nèi)的某個(gè)字段名和值。

問題解答

<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:{ }});對(duì)于arr里面的$index 和 $key 在1.0之內(nèi)的版本可以使用，在2.0之后就摒棄了，引入框架版本的時(shí)候一定要注意，在2.0還可以用 v-for='（val，index） in arr' {{index}}回答2：

不太明白是什么意思？

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

亦或者是？

Object.keys取得這個(gè)對(duì)象的key組成的數(shù)組, v-for遍歷這個(gè)數(shù)組, 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 數(shù)組item 數(shù)組項(xiàng)index 數(shù)組項(xiàng)對(duì)應(yīng)下標(biāo)代碼必須被引號(hào)包裹

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