vue v-for多条数据使用动态css

Question

上图，我这里使用了数组方式实现css绑定

在这里我要通过计算设置图一的width宽度。当然，数据每个算出来的宽度是不同的。

页面输出内容

但这种方式最后效果每个button的宽度设置的都是我循环计算出最后一个的宽度。没有达到预期效果。

Answer 1

这里也换成数组或者json的形式例如：
this.width[i].width=xxxx+"px";
遍历时width[index]去取。