element-ui的tab切換同步步驟條 字符串轉數字 數字轉字符串


1.截圖

 數字轉字符串只需要用該數字num+'' 如: 

<el-steps :active=" num + '' "></el-steps>

2.代碼

 <el-steps :space="200" align-center :active="activeIndex-0" finish-status="success">
        <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="left" v-model="activeIndex" style="height: 200px;">
        <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>
效果 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM