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>