Javascript 如何在Vue中使用v-for获取每个项目的计数？

我有以下Vue代码：

var itembox = new Vue({
    el: '#itembox',
    data: {
        items: {
            cookiesncreme: {
                name: "Cookies N Cream",
                description: "description"
            },
            chocolateswirl: {
                name: "Chocolate Swirl",
                description: "description"
            },
            peanutbutter: {
                name: "Peanut Butter",
                description: "description"
            }
        }
    }
});

这个HTML代码：

<div id="itembox">
    <div v-for="(item, index) in items">{{ index }} - "{{ item.name }}"</div>
</div>

{{index}}-“{{item.name}”

我试图在编号列表中输出代码，例如：

<div>1 - Cookies N Creme</div>
<div>2 - Chocolate Swirl</div>
<div>3 - Peanut Butter</div>

<div>cookiesncreme - Cookies N Creme</div>
<div>chocolateswirl - Chocolate Swirl</div>
<div>peanutbutter - Peanut Butter</div>

1-饼干和奶油
2-巧克力漩涡
3-花生酱

但是由于我的物品已经有钥匙了，结果是这样的：

<div>1 - Cookies N Creme</div>
<div>2 - Chocolate Swirl</div>
<div>3 - Peanut Butter</div>

<div>cookiesncreme - Cookies N Creme</div>
<div>chocolateswirl - Chocolate Swirl</div>
<div>peanutbutter - Peanut Butter</div>

cookiesncreme-饼干和奶油
巧克力漩涡-巧克力漩涡
花生酱-花生酱

---

是否有其他方法可以获得每个项目的计数？谢谢

在Vue.js中，实际上还有第三个参数可以在本例中传递。例如，您可以这样做：

<div id="itembox">
    <div v-for="(item, index, i) in items">{{ i+1 }} - {{ index }} - "{{ item.name }}"</div>
</div>

{{i+1}}-{index}-“{{item.name}”

---

注意我是如何使用

I

参数的，它实际上是索引号。我已经创造了一个工作小提琴的这个。如果您想了解更多关于Vue.js的信息，我希望您可以查看我的。如果这个答案有用的话，我希望你能给它打上这样的标记，并对这个项目进行投票。

根据文档

或者，您也可以为索引指定别名（如果在对象上使用，则指定键）：

---

如果你想创建一个编号的列表，在你的情况下，只使用

而不是

是否有效？它比这更复杂，我只是试图简化它来回答这个问题-(