Vue项目解决element组件 进度条，超过100%时报错，百分比内显不显示的问题

不知道小伙伴们有没有遇见过element 组件进度条，当进度超过百分百的时候就会报错，超过的部分百分比内显文字就消失了，是因为这个组件本身的范围是在0-100，超过100的部分就会产生报错，但是当咱们把范围修改为100以内的时候就不会报错了，这就是问题所在，百分比内显 不显示呢，是因为这个百分比内显的文字是跟着进度走的，而我们的进度条的长度就那么大，所以超过的部分就被隐藏掉啦，现实中有遇到客户会超出进度这种需求，我也尝试了很多种方法来修改这个范围，最后用一种方式解决了这个问题，代码分享给小伙伴们，如下:

<el-progress :text-inside="true" :stroke-width="26"  :percentage="row.weightSchedule > 100 ? 100 : row.weightSchedule" :format="_format(row.weightSchedule)"></el-progress>

:percentage在element实例中，:percentage方法就是用来展示进度的数据的

format 可以使用format的方法来指定进度条文字内容 如下：

  _format(value) {
      return () => {
        return value + '%'
      }
    },

亲测有效,如图