Javascript 相反,使用基于prop';s值。道具正在变异:“;百分比“;
给我看看这个问题,我不知道发生了什么 我的el进度Javascript 相反,使用基于prop';s值。道具正在变异:“;百分比“;,javascript,vue.js,Javascript,Vue.js,给我看看这个问题,我不知道发生了什么 我的el进度 <el-progress :percentage="percentCompleted" v-show="uploadingVideo"></el-progress> 我的职能 onUploadProgress: function(progressEvent) { this.percentCompleted = Math.round( (progressEvent.loaded
<el-progress :percentage="percentCompleted" v-show="uploadingVideo"></el-progress>
我的职能
onUploadProgress: function(progressEvent) {
this.percentCompleted = Math.round(
(progressEvent.loaded * 100) / progressEvent.total
);
this.$forceUpdate();
}.bind(this)
};
您需要在数据挂钩中返回一个对象:
data() {
return {
percentCompleted: 0,
}
}
除此之外,
组件中可能存在问题。您需要在数据挂钩中返回一个对象:
data() {
return {
percentCompleted: 0,
}
}
除此之外,您的
组件中可能存在问题。在el进度组件中,您可能正在更新百分比道具的值。如果是,则需要创建一个局部变量并更新它。然后将该值发射回组件。然后将父组件设置为侦听该事件
如果组件只是一个功能组件,那么您提供的功能可能有问题,例如为什么要执行forceupdate。在el progress组件中,您可能正在更新百分比属性的值。如果是,则需要创建一个局部变量并更新它。然后将该值发射回组件。然后将父组件设置为侦听该事件
如果组件只是一个功能组件,那么您提供的功能可能有问题,例如为什么要执行forceupdate?是否需要它。我在数据挂钩中返回了一个对象,但同样的问题可能是您正在改变“百分比”直接在el进度组件中使用道具?我在数据钩子中返回一个对象,但同样的问题可能是您直接在el进度组件中修改“百分比”道具?