主要代碼如下:
title:步驟標題
description:步驟描述
<el-steps :active="active" finish-status="success" class="step">
<el-step :title="item.note" :description="item.createTime" :key="item.index" v-for="item in operate"
></el-step>
</el-steps>
獲取步驟數據
getTracking() { getFixedTracking(this.orderNo).then((res) => { var operate = res.data; for (var i = 0; i < operate.length; i++) { var obj = { //傳參
historyId: operate[i].historyId, note: operate[i].note, createTime: operate[i].createTime, }; this.operate.push(obj); } }); },
這里是根據訂單號查詢的,訂單操作步驟
效果圖如下: