而是使用基于属性值的数据或计算属性。道具被更改：“百分比”

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

您需要在数据挂钩中返回一个对象：

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

除此之外，<el-progress>组件中可能会出现问题。

Answer 2

在el-progress组件中，您可能正在更新prop百分比的值。如果是，则需要创建一个局部变量并更新它。然后，您将从组件中释放出该值。然后，将父组件设置为侦听该事件。

如果该组件只是一个功能组件，那么您提供的该功能可能存在问题，例如为什么需要执行forceupdate。