在 v-for attr 中具有增量值答案

【问题标题】：Have incremented value in v-for attr在 v-for attr 中具有增量值
【发布时间】：2018-12-25 05:07:49
【问题描述】：

我试图增加一个值：

:data-value="Math.round(elecs[index].obtenus/elecs[index].maxsiege*100)

我的迭代：

:data-value="Math.round(result += elecs[index].obtenus/elecs[index].maxsiege*100)

谢谢！

<ul class="pie-wrapper" >
          <li v-for="(elec, index)  in elecs" :key="index" v-if="elecs[index].obtenus != 0" class="arc" :data-value="Math.round(elecs[index].obtenus/elecs[index].maxsiege*100)">
            <b>{{ elecs[index].Sigle }} </b>
            <span>{{elecs[index].obtenus}}/{{elecs[index].maxsiege}}</span>
          </li>
      </ul>

脚本：

 export default {
async asyncData({ params }) {
  ... json
  return {
    ...json
  }
},
methods: {
  toCurrencyString(number){
    return number.toString().replace(/\B(?=(\d{3})+(?!\d))/g, " ");
  }
}

}

【问题讨论】：

为什么不使用计算属性呢？您能否为您的问题提供更多代码？
是的，添加到我的问题中。提前谢谢你

标签： javascript json vue.js attr nuxt.js

【解决方案1】：

我找到了！感谢 Max Sinev 让我走上正轨！

methods: {
  toCurrencyString(number){
    return number.toString().replace(/\B(?=(\d{3})+(?!\d))/g, " ");
  },
  tottest(elecs, index){
    return result += Math.round(elecs[index].obtenus/elecs[index].maxsiege*100);
  }
}

在我的模板中：

      <ul class="pie-wrapper" >
          <li v-for="(elec, index)  in elecs" :key="index" v-if="elecs[index].obtenus != 0" class="arc" :data-value="tottest(elecs, index)">
          </li>
      </ul>

【讨论】：

result 是全局变量吗？
是的，刚刚在我的脚本中定义var result = 0; 有人可以关闭这个问题吗？我不能。