Vue如何实现包含时间轴和进度条功能的时间管理应用？

本文共计1269个文字，预计阅读时间需要6分钟。

目录+前言+1. 封装时间尺度组件+2. 在Vue页面中使用时间尺度+3. 组件init方法内通过计算得出中间的时间尺度+总结+前言+项目需要实现按天播放地图等值线图功能，因此需要一个时间尺度组件+时间尺度组件需要封装时间尺度逻辑，支持动态调整+时间尺度组件在Vue页面中使用时，可以方便地添加和移除时间尺度+组件的init方法内部，通过计算得出中间的时间尺度，以实现动态调整+总结

目录

• 前言
• 1、封装时间尺度组件
• 2、在vue页面使用时间尺度
• 3、组件init方法内通过起止时间算出中间的所有时间尺度
• 总结

前言

项目需要按天播放地图等值线图功能，所以需要一个时间进度条，网上找了一下发现没有自己需要的样子，于是只能简单的写一个。