vue element组件之步骤条组件的应用

最新推荐文章于 2025-05-21 11:08:31 发布

原创

最新推荐文章于 2025-05-21 11:08:31 发布 · 3.8k 阅读

7 ·

CC 4.0 BY-SA版权

效果如下

代码如下

<template>
  <div class="body">
      <Head/>
    <div class="tbody">  
<el-steps :active="active" finish-status="success">
  <el-step title="个人信息"></el-step>
  <el-step title="步骤 2"></el-step>
  <el-step title="步骤 3"></el-step>
</el-steps>
<!-- 个人信息 -->
<div class="info" v-if="active==1">
我的信息
</div>
<div class="info" v-if="active==2">
我的步骤
</div>
<div class="info" v-if="active==3">
我的步骤222
</div>
<el-button style="margin-top: 12px;" @click="next">下一步</el-button>  
<el-button style="margin-top: 12px;" @click="pre" v-if="acti