如何在 vuejs 中获取索引和计数

Question

我有这样的 代码（JSFiddle）

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

输出：

该指数：0

该指数：1

我的问题是：

1. 如何获得价值指数首先开始：例如 1

我想要这样的输出：

该指数：1

该指数：2

1. 如何从索引中获取计数，即输出如下：

该指数：1

该指数：2

此计数：2 场

原文由 b4dQuetions 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

你可以加1

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

获取数组/对象的长度

{{ catalogs.length }}

原文由 jay temp 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

如果您的数据采用以下结构，则将字符串作为索引

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>

来源： https ://alligator.io/vuejs/iterating-v-for/

原文由 Sarvar N 发布，翻译遵循 CC BY-SA 4.0 许可协议