84669 person learning
152542 person learning
20005 person learning
5487 person learning
7821 person learning
359900 person learning
3350 person learning
180660 person learning
48569 person learning
18603 person learning
40936 person learning
1549 person learning
1183 person learning
32909 person learning
How do vue.js traverse objects using a for in-like method? I want to get a certain field name and value in the object.
<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}}
Don’t quite understand what it means?
Do you want to use v-for to display it on the page?
Or is it?
Object.keys obtains the array composed of the keys of this object, v-for traverses the array, and obtains the fields in the form of 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'] } });
v-for = ‘(item, index) in items’items arrayitem array itemindex array item corresponding subscriptCode must be wrapped in quotes
<p v-for="(val, key) in object"></p>
Don’t quite understand what it means?
Do you want to use v-for to display it on the page?
Or is it?
Object.keys obtains the array composed of the keys of this object, v-for traverses the array, and obtains the fields in the form of obj[k]
v-for = ‘(item, index) in items’
items array
item array item
index array item corresponding subscript
Code must be wrapped in quotes