element Progress 进度条超出100%会报错,且不展示进度值的解决办法

示例一:

<el-progress
                :text-inside="true"
                :stroke-width="17"
                :format="_format(row.reached)"
                :percentage="row.reached > 100 ? 100 : row.reached"
              ></el-progress>
    _format(value) {
      return () => {
        return value + '%'
      }
    },

示例二:

<el-progress
            type="circle"
            :stroke-width="12"
            :format="format(item.reached)"
            :percentage="item.reached > 100 ? 100 : item.reached"
          ></el-progress>
    format(percentage) {
      return () => {
        return percentage + '%' + '\n' + ' 已完成'
      }
    },

 

posted @ 2021-07-26 15:47  冲鸭fighting  阅读(3110)  评论(0)    收藏  举报