项目改为vue3 之前的vue2步骤条写法失效
vue3.0的项目 如果仍用slot-socpe写法使用插槽会报错 ‘slot-scope are deprecated’ (槽作用域已弃用)
只能用template

参考如下代码:

<el-steps :active="2" direction="vertical" align-center>
    <el-step title="步骤1" description="描述">
        <template v-slot:description>
            <span>
               这是测试1
            </span>
        </template>
    </el-step>
    <el-step title="步骤2" description="描述">
        <template v-slot:description>
            <span>
               这是测试2
            </span>
        </template>
    </el-step>
</el-steps>

在这里插入图片描述

 	<el-steps :active="3" :space="300" align-center>
      <el-step description="第一步">
        <template v-slot:title>
          <el-icon><FullScreen /></el-icon>
        </template>
      </el-step>
      <el-step description="第二步">
        <template v-slot:title>
          <el-icon><Edit /></el-icon>
        </template>
      </el-step>
      <el-step description="第三步">
        <template v-slot:title>
          <el-icon><CircleCheck /></el-icon>
        </template>
      </el-step>
    </el-steps>
Logo

前往低代码交流专区

更多推荐