需求是,当进度条的percentage到100%时,status变为"success"
所以我的写法是如下
//标签部分
<el-progress type="circle" :percentage="percentage" :status="progressStatus"></el-progress>
//js部分
export default {
name: "test",
data() {
return {
percentage:90,
progressStatus:""
}
},
methods:
percentage(){
const _flag = setInterval(() => {
//从90自增到100
this.percentage++
if(this.percentage==100){
//自增到100后把进度条status变为success
clearInterval(_flag)
this.progressStatus = 'success'
}
}, 200);
}
}
但是会报错:[Vue warn]: Invalid prop: custom validator check failed for prop "status".
会报错9次,也就是说前九次因为没给<el-progress>中的status赋值,所以报错,第十次给它赋值了(success),所以不报错了。
问题是官方只给了"success" "warning" "exception"这三个特殊情况的值,没给正常情况下的默认值,又不能让默认值为空,我该怎么办
给:status="null"也就是progressStatus默认值为null试试
刚开始的时候不要设置就可以了吧,默认值给null试试看
实在不行就写2个,用v-if判断下,100前显示一个,100的时候显示另外一个
您好,我是有问必答小助手,您的问题已经有小伙伴解答了,您看下是否解决,可以追评进行沟通哦~
如果有您比较满意的答案 / 帮您提供解决思路的答案,可以点击【采纳】按钮,给回答的小伙伴一些鼓励哦~~
ps:问答VIP仅需29元,即可享受5次/月 有问必答服务,了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632
其实关于这个情况直接用color就行了