在elment自定义步骤条图标

qianxiling123

已于 2022-03-09 10:16:40 修改

阅读量1.2k

点赞数 1

分类专栏：学习笔记文章标签： elementui vue.js javascript

于 2022-03-09 09:48:30 首次发布

本文链接：https://blog.youkuaiyun.com/liutianxiao123/article/details/123369615

版权

学习笔记专栏收录该内容

42 篇文章

订阅专栏

          <el-steps :active="active" style="width: 1420px;margin-top: 32px;" align-center>
                <el-step><img src="@/icons/数据集成.svg" alt="" slot="icon"><span slot="description">数据集成</span>
                </el-step>
                <el-step>
                    <img src="@/icons/综合评估-背景蓝.svg" alt="" slot="icon" v-if="active!==1">
                    <img src="@/icons/综合评估.svg" alt="" slot="icon" v-else>
                    <span slot="description">综合评估</span>
                </el-step>
                <el-step>
                    <img src="@/icons/成果报告-背景蓝.svg" alt="" slot="icon" v-if="active===3">
                    <img src="@/icons/成果报告.svg" alt="" slot="icon"  v-else>
                    <span slot="description">成果报告</span>
                </el-step>
            </el-steps>




       next () {
          if (this.active++ > 2) this.active = 1;
       }

关键就是solt，