我有一個名為“names”的陣列，最初是空的
names: []
我用unshift()函式在這個陣列中包含元素，總是在陣列的開頭而不是結尾包含元素，所以我這樣做：
names.unshift("Leonardo")
names.unshift("Victor")
names.unshift("Guilherme")
我將使用 v-for 將頁面上的陣列元素顯示為串列：
<ul>
<li v-for="name in names">
{{ name }}
</li>
</ul>
輸出將是：
- 吉爾赫姆
- 勝利者
- 萊昂納多
現在我想用索引列出它們，所以我執行以下操作：
<ul>
<li v-for="(name, i) in names">
{{ i }}: {{ name }}
</li>
</ul>
輸出將是
- 1：吉爾赫姆
- 2：維克多
- 3：萊昂納多
但是我希望索引被反轉，也就是說，我有以下結果：
- 3：吉爾赫姆
- 2：維克多
- 1：萊昂納多
如何反轉 v-for 索引的順序？
uj5u.com熱心網友回復：
使用一些數學來獲得每個回圈的反向索引：
<ul>
<li v-for="(name, i) in names">
{{ names.length - i }}: {{ name }}
</li>
</ul>
所有的功勞都歸功于@kissu，他是 Stack Overflow 上唯一一個有能力解決這么困難的事情的人。
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/506778.html
標籤：javascript Vue.js
下一篇：如何從嵌套中制作普通陣列？