elementUI的进度条status状态问题,不取默认值就报错,但是官方没给默认值

需求是,当进度条的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就行了