javascript - 相反，根据 prop 的值使用数据或计算属性。 Prop 正在变异 : "percentage"

Question

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)
      };

Answer 1

您需要在数据 Hook 中返回一个对象:

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

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