Vue.js 从vue阵列获取数字

我有一个12个月的数组：

<ul >
    <li v-for="item, index in 12">
      <b :class="{'rounded-l-lg': index == 0, 'rounded-r-lg': index == 11}"></b>
      <span >{{ index + 1 }} Monat<span v-if="index != 0">e</span></span>
    </li>
</ul>

---

我怎样才能折叠数字？如果

index==json.sell.id

则显示

{{{json.sell.caption}}

？

您可以这样做：

<template>
  <ul >
    <li v-for="item in 12">
      <b :class="{'rounded-l-lg': item == 1, 'rounded-r-lg': item == 12}"></b>
      <span >{{ item }}</span> Monat<span v-if="item > 1">e</span>
      {{ sales[item].caption }}
    </li>
  </ul>
</template>

<script>
import json from './file.json';

export default
{
  computed:
  {
    sales()
    {
      const result = {};
      (json.sell || []).forEach(item =>
      {
        result[item.id] = item;
      });
      return result;
    }
  }
}
</script>

{{item}}Monate
{{sales[item].caption}


从“./file.json”导入json；
导出默认值
{
计算：
{
销售（）
{
const result={}；
（json.sell | |[]）.forEach（item=>
{
结果[项目id]=项目；
});
返回结果；
}
}
}

我不明白你的问题。您在读取json文件时遇到问题吗？折叠数字-请添加示例-如“price:5”需要更改为“5.0$”以及类似的想法。无法猜测与数据相关的输出。可能相关：

<template>
  <ul >
    <li v-for="item in 12">
      <b :class="{'rounded-l-lg': item == 1, 'rounded-r-lg': item == 12}"></b>
      <span >{{ item }}</span> Monat<span v-if="item > 1">e</span>
      {{ sales[item].caption }}
    </li>
  </ul>
</template>

<script>
import json from './file.json';

export default
{
  computed:
  {
    sales()
    {
      const result = {};
      (json.sell || []).forEach(item =>
      {
        result[item.id] = item;
      });
      return result;
    }
  }
}
</script>