javascript - Question sur la boucle V-For dans VueJS
習慣沉默
習慣沉默 2017-07-05 10:43:22
0
6
886

Comment utiliser vue.js pour parcourir un objet à l'aide d'une méthode for in ? Je souhaite obtenir un certain nom de champ et une certaine valeur dans l'objet.

習慣沉默
習慣沉默

répondre à tous(6)
小葫芦
<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}}
仅有的幸福

Vous ne comprenez pas très bien ce que cela signifie ?

Voulez-vous utiliser v-for pour l'afficher sur la page ?

Ou est-ce ?

我想大声告诉你

Object.keys obtient le tableau composé des clés de cet objet, v-for parcourt le tableau, et obtient les champs sous forme d'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 array
item array item
index array item correspondant indice
Le code doit être placé entre guillemets

ringa_lee
<p v-for="(val, key) in object"></p>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal