<el-steps :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>
<el-tabs :tab-position="tabPosition" v-model="Activeindex">
<el-tab-pane label="基本信息" name="0">
</el-tab-pane>
<el-tab-pane label="商品参数" name="1">配置管理</el-tab-pane>
<el-tab-pane label="商品属性" name="2">角色管理</el-tab-pane>
<el-tab-pane label="商品图片" name="3">定时任务补偿</el-tab-pane>
<el-tab-pane label="商品内容" name="4">定时任务补偿</el-tab-pane>
</el-tabs>
<script>
export default {
data () {
return {
Activeindex:'0',//设置显示
//定位
tabPosition: 'left',// tab-position 设置标签的位置
}
},
created(){
},
methods:{
},
}
</script>
element ui el-steps 和 el-tabs 的联动数据
最新推荐文章于 2024-03-20 10:33:34 发布