<!-- 步骤条区域 -->
<el-steps
:space="200"
:active="activeIndex-0" // 转换成纯数字类型
finish-status="success"
align-center
>
<el-step title="基本信息"></el-step>
<el-step title="商品参数"></el-step>
<el-step title="商品属性"></el-step>
<el-step title="商品图片"></el-step>
<el-step title="商品内容"></el-step>
<el-step title="完成"></el-step>
</el-steps>
<!-- 左侧侧边Tab栏区域 -->
<el-tabs v-model="activeIndex" :tab-position="'left'" style="height: 200px">
// 给对应el-tab-pane标签绑定name属性,name的值会存储到v-model中
<el-tab-pane label="基本信息" name="0">基本信息</el-tab-pane>
<el-ta
Elment-ui中实现el-steps和el-tabs步骤联动
于 2022-01-01 21:01:41 首次发布