ElementPlus Steps步骤条插槽 v-slot:title

-草莓星球杯

已于 2024-06-18 11:35:06 修改

阅读量401

点赞数 2

分类专栏： ElementPlus 文章标签： vue.js javascript 前端

于 2024-05-24 17:06:09 首次发布

本文链接：https://blog.csdn.net/qq_33225414/article/details/139179380

版权

ElementPlus 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

<el-steps finish-status="success">
        <el-step
          v-for="item in uniqueReverseArr"
          :status="
            item.status == '2'
              ? 'success'
              : item.status == '3'
              ? 'error'
              : item.status == '1'
              ? 'finish'
              : 'process'
          "
          @click.native="stepClick(item)"
        >
          <template v-slot:title>
            <span>{{ item.title }}</span>
          </template>
          <template v-slot:description>
           <div>在此处可以写你的插槽内容</div>
          </template>    
        </el-step>
      </el-steps>

<template v-slot:title>
<span>你想扩展的内容</span>
</template>

<div>在此处可以写你的插槽内容</div>

</template>