Vue.js 如何获取索引&；在vuejs中计数

我有

此索引：{{itemObjKey}

输出：
该指数：0
该指数：1

我的问题是：

如何首先开始获取值索引：1例如
我想要 如下输出：
此索引：1
此索引：2

如何从索引中获取计数，即如下输出：
此索引：1
此索引：2
此计数：2字段

你可以加1

<li v-for="(catalog, itemObjKey) in catalogs">this index : {{itemObjKey + 1}}</li>

---

或者，您可以使用

<li v-for="catalog, key in catalogs">this is index {{++key}}</li>

这是索引{{++key}

---

这很好。

可选的第二个参数是索引，从0开始。因此，要输出名为“some_list”的数组的索引和总长度，请执行以下操作：

<div>Total Length: {{some_list.length}}</div>
<div v-for="(each, i) in some_list">
  {{i + 1}} : {{each}}
</div>

下面将打印出键：值对。（你可以随意命名“每个”和“我”）

{{i}}:{{each}}

---

有关Vue列表呈现的详细信息：

使用Vue 1.x，请使用特殊变量

$index

，如下所示：

<li v-for="catalog in catalogs">this index : {{$index + 1}}</li>

见：

使用Vue 2.x，

v-for

提供了一个引用当前项目索引的第二个可选参数，您可以在胡须模板中为其添加1，如前所示：

<li v-for="(catalog, itemObjKey) in catalogs">
    this index : {{itemObjKey + 1}}
</li>

希望有帮助

为什么打印0,1,2

因为这些是数组中项目的索引，索引总是从0到array.length-1开始

要打印项目计数而不是索引，请使用

index+1

。像这样：

<li v-for="(catalog, index) in catalogs">this index : {{index + 1}}</li>

<p>Total Count: {{ catalogs.length }}</p>

根据：

v-for还支持for的可选第二个参数（不是第一个） 当前项的索引

---

在这种情况下，您的数据是在以下结构中，您得到字符串作为索引

items = {
   am:"Amharic",
   ar:"Arabic",
   az:"Azerbaijani",
   ba:"Bashkir",
   be:"Belarusian"
}

在这种情况下，您可以使用额外的变量来获取数字索引：

<ul>
  <li v-for="(item, key, index) in items">
    {{ item }} - {{ key }} - {{ index }}
  </li>
</ul>

{{item}}-{{key}}-{{index}

---

来源：

这可能是一个肮脏的代码，但我认为它足够了

<div v-for="(counter in counters">
{{ counter }}) {{ userlist[counter-1].name }}
</div>

---

简单的评论：我会简单地使用

$index

，看起来更干净

此索引：{{$index}

对于其他查看此问题的人，上述注释仅适用于Vue 1。Vue 2放弃了

$index

语法，以支持显式声明索引。（目录，键）必须用括号括起来，但我建议使用index而不是键，因为键并不总是数字@deathemperor它不需要包装就可以工作。规格改变了吗？现在看来是（目录，itemObjKey）。。。我们可能应该更新它。@Jonah它有：想知道为什么我的“索引/键”是一个对象，“值”是一个数字！这个答案应该更接近顶部！这就是我要找的。这应该是可以接受的答案。谢谢

<li v-for="catalog, itemObjKey in catalogs">
    this index : {{itemObjKey + 1}}
</li>

<li v-for="(catalog, index) in catalogs">this index : {{index + 1}}</li>

<p>Total Count: {{ catalogs.length }}</p>

items = {
   am:"Amharic",
   ar:"Arabic",
   az:"Azerbaijani",
   ba:"Bashkir",
   be:"Belarusian"
}

<ul>
  <li v-for="(item, key, index) in items">
    {{ item }} - {{ key }} - {{ index }}
  </li>
</ul>

<div v-for="(counter in counters">
{{ counter }}) {{ userlist[counter-1].name }}
</div>

data(){return {userlist: [],user_id: '',counters: 0,edit: false,}},