在vue框架中使用element的el-steps步驟條標簽,想達到如下圖結果:

因為后臺就一條數據所以目前圖片就展示一條繳費記錄

代碼html部分

<el-steps :active="6" finish-status="success" align-center><el-step v-for="(item,index) in paymentRecord" :key="index" title="繳費記錄"><template slot="description"><p>繳費時間:{{item.payTime}}</p><p>繳費方式：{{item.paymentMethod}}</p><p>繳費金額：{{item.payMoney}}</p><p>交易碼：{{item.qrCode}}</p><p>收款編號：{{item.paymentNumber}}</p></template></el-step> </el-steps>

其中paymentRecord是后臺獲取的數組,如有相關問題歡迎留言討論

總結

以上是生活随笔為你收集整理的steps 步骤条中插入自定义描述description的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。