色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

vue獲取 $index

邵柳堂1年前6瀏覽0評論

如果在使用Vue時想要獲取數據循環列表的當前索引($index),可以通過v-for指令結合方法來實現。

<template>
<div v-for="(item, index) in items" :key="index">
<p>當前索引是 {{ getIndex(index) }}</p>
</div>
</template>
<script>
export default {
data() {
return {
items: ["apple", "banana", "orange"]
};
},
methods: {
getIndex(index) {
return index;
}
}
};
</script>

在上述代碼中,v-for="(item, index) in items"指令用來循環列表,getIndex()方法用來獲取當前索引,并在模板中展示出來。

當然,$index也是可以直接使用的,但是Vue 2.x中已經棄用了此方法,并在Vue 3.x中將不再支持。所以建議使用v-for="(item, index) in items"結合方法來獲取當前索引。