javascript - Bootstrap Vue 进度条无法从函数中获取其值

Question

我正在使用 Bootstrap Vue 来显示进度条。HTML部分如下：

<b-progress :value="getOverallScore" :max=5 variant="primary" animated></b-progress>

getOverallScore是一个计算函数。它返回三个不同分数的平均值。

    computed: {
    getOverallScore: function () {
        var i;
        var sum = 0;

        for (i = 0; i < this.items.length; i++) {
            sum = sum + this.items[i].score;
        }
        return Number.parseFloat(sum / this.items.length).toFixed(2);
    },


}

当我使用<h5>Overall scores: {{ getOverallScore }}</h5>它测试输出时效果很好，但进度条无法从函数中获取值。有任何想法吗？

谢谢你。

标签： javascriptvue.jsbootstrap-vue

Answer 1

你确定你在正确的范围内吗？

也许您的值范围从 [0,100] 到预期值范围 [0.0,1.0]。