javascript - Soalan tentang gelung v-for dalam vuejs

Question

Bagaimana cara saya menggunakan vue.js untuk melintasi objek menggunakan kaedah for in Saya ingin mendapatkan nama medan dan nilai tertentu dalam objek.

Answer 1

<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}}

Answer 2

Tidak faham apa maksudnya?

Adakah anda mahu menggunakan v-for untuk memaparkannya pada halaman?

Atau adakah ia?

Answer 3

Object.keys memperoleh tatasusunan yang terdiri daripada kunci objek ini, v-for melintasi tatasusunan dan memperoleh medan dalam bentuk obj[k]

Answer 4

<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']
    }
});

Answer 5

v-for = '(item, indeks) dalam item'
susun item
item tatasusunan item
item tatasusunan indeks subskrip yang sepadan
Kod mesti dibalut dengan petikan

Answer 6

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