前端开发：自定义时间轴的使用

admin管理员组

文章数量:1794759

前端开发：自定义时间轴的使用

在前端开发过程中，业务需求经常也会涉及到关于时间进度方面，这种情况也是比较常见的需求，对于时间进度的相关需求常见的有：商城商品发货进度，行政需求的审批时间节点等业务场景。虽然Vue的组件里面也提供了对应的时间轴使用的组件，但是对于一些实际的开发业务需求来说不能满足，这个时候是需要自定义时间轴来实现对应的业务场景。

但是话又说回来了，如果能用框架自带的组件就不自定义组件，毕竟现成的好过需要重新开发的，但是避免不了的还是要自己重新开发自定义组件，那么本篇文章就来分享一个关于时间轴的自定义使用，是抛开vant等框架自带的时间轴组件来实现的自定义时间轴组件，本文案例以Vue项目的Vant框架下的时间轴使用为例。

1、组件的源文件： Process.vue <template> <ul > <li v-for=\"(item, idx) in this.processData\" :key=\"idx\"> <div> <span >{ { item.recordDescription }} </span> <span > { { timesToDate(item.updateDate) }} </span> </div> </li> </ul> </templa

本文标签： 自定义时间