如果在使用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"
結合方法來獲取當前索引。
上一篇php sybase