Javascript 如何将毫升的水摄入量显示为n个图标？

我试图将计算出的杯子数量显示为杯子图标。 一个图标=220毫升

目标：3.60升 杯子：16.363

有人能帮我吗？我希望它显示为16个图标

.col-xl-4.mb-5
           
                p Goal: {{ waterIntake }} litres
                p Cups: {{ cupsIntake }}

---

您可以在范围内使用v-for来呈现图标列表，但是您的

cupsIntake（）

返回值必须是整数，并且

cupsIntake（）

必须是计算属性才能工作

<i v-for="cup in cupsIntake" :key="cup" class="fas fa-glass-whiskey" />

---

我希望它显示为图标一个图标=220毫升。是的，我想显示为杯子图标。

cupsIntake() {
        var currentWeight = this.goalWeight;
        var water = currentWeight * 30;
        let litres = water.toFixed(1);
        let cups = water / 220;
        return cups;
      },

<i v-for="cup in cupsIntake" :key="cup" class="fas fa-glass-whiskey" />

return Math.round(cups);