Vue+ElementUI el-steps 完成后不使用对勾,一直用数字来显示进度条

1、效果图

2、代码部分--去掉 finish-status="success"

html 复制代码
<el-steps :active="activeStep" finish-status="success" process-status="process">
  <el-step v-for="(item, index) in steps" :key="index" :title="item.title" :class="index+1 == activeStep?'isCurrent':''">
    <template slot="icon">
      <div class="custom-step-icon">
        <span class="step-num"> {{ item.number }}</span>
      </div>
    </template>
  </el-step>
</el-steps>
相关推荐
天天扭码几秒前
JavaScript 中字符串转字符数组的两种优雅方式
前端·javascript·代码规范
何遇er3 分钟前
在 AI 编程的热潮下对低代码的思考
前端·低代码·ai编程
何遇er6 分钟前
一句 Prompt 自动生成表单:我在低代码平台里是怎么接入生成式 AI 的
前端·低代码·ai编程
_一条咸鱼_7 分钟前
Vue 指令模块深度剖析:从基础应用到源码级解析(十二)
前端·javascript·面试
薯条不要番茄酱16 分钟前
【JavaEE初阶】多线程重点知识以及常考的面试题-多线程进阶(一)
java·前端·java-ee
苹果酱056725 分钟前
redis系列--1.redis是什么
java·vue.js·spring boot·mysql·课程设计
只会安静敲代码的 小周36 分钟前
uniapp上传图片时(可选微信头像、相册、拍照)
前端·微信·uni-app
kovlistudio1 小时前
红宝书第四十六讲:Node.js基础与API设计解析
前端·javascript·node.js
陈哥聊测试1 小时前
这款自研底层框架,你说不定已经用上了
前端·后端·开源
蘑菇头爱平底锅1 小时前
数字孪生-DTS-孪创城市-低空范围
前端·javascript·数据可视化