elementui 時間樹使用說明

 排序：

          <el-radio-group v-model="reverse">

            <el-radio :label="true">倒序</el-radio>

            <el-radio :label="false">正序</el-radio>

          </el-radio-group>

 

時間樹屬性講解：

 

reverse：控制正序還是排序顯示

 

          <el-timeline :reverse="reverse">

            <el-timeline-item

              v-for="(item, index) in progressData"

              :key="index"

              :timestamp="item.time"

            >

              {{ item.context }}

            </el-timeline-item>

          </el-timeline>

data:

 

data(){
     return{
       progressData:
     [
      {
       "time": "2018-05-10 09:39:00",
       "ftime": "2018-05-10 09:39:00",
      "context": "已簽收,感謝使用順豐,期待再次爲您服務",
      "location": ""
      },
     {
      "time": "2018-05-10 08:23:00",
      "ftime": "2018-05-10 08:23:00",
      "context": "[北京市]北京海淀育新小區營業點派件員 順豐速運 95338正在爲您派件",
     "location": ""
     },
    ]
    reverse: false,
  }
}