相反，使用基于道具值的数据或计算属性。正在变异的道具：“百分比”答案

【问题标题】：Instead, use a data or computed property based on the prop's value. Prop being mutated: "percentage"相反，使用基于道具值的数据或计算属性。正在变异的道具：“百分比”
【发布时间】：2019-12-08 09:28:09
【问题描述】：

vue 告诉我这个问题，我不知道发生了什么

我的进步

<el-progress :percentage="percentCompleted" v-show="uploadingVideo"></el-progress>

data() {
return{
      percentCompleted: 0,
}
}

我的功能

onUploadProgress: function(progressEvent) {
          this.percentCompleted = Math.round(
            (progressEvent.loaded * 100) / progressEvent.total
          );
          this.$forceUpdate();
        }.bind(this)
      };

【问题讨论】：

标签： javascript vue.js

【解决方案1】：

你需要在数据钩子中返回一个对象：

data() {
    return {
         percentCompleted: 0,
    }
}

除此之外，您的<el-progress> 组件可能存在问题。

【讨论】：

我在数据挂钩中返回了一个对象，但同样的问题
有可能你直接在你的 el-progress 组件中改变“百分比”道具吗？

【解决方案2】：

在您的 el-progress 组件中，您可能正在更新百分比属性的值。如果你是，那么你需要创建一个局部变量并更新它。然后你从你的组件中发出这个值。然后将父组件设置为监听该事件。

如果该组件只是一个功能性组件，那么您提供的该功能可能有问题，例如为什么需要强制更新。

【讨论】：