vue的简单时间表组件 - vue-timeline-component

vue的简单时间表组件 - vue-timeline-component
插件名称 vue-timeline-component
发布时间 2021年5月6日
插件作者 0xdv

vue的简单时间轴组件。

安装

npm install vue-timeline-component

或者

<script src="https://unpkg.com/vue-timeline-component"></script>

用法

<template>
  <div id="app">
    <vue-timeline :data="events"></vue-timeline>
  </div>
</template>
<script>
import VueTimeline from "vue-timeline-component"

export default {
  name: 'App',
  components: {
    VueTimeline
  },
  data() {
    return {
      events: [{
          name: "event 1",
          start: new Date(2020, 1,1),
          end: new Date(2020, 1,4),
      },{
          name: "event 2",
          start: new Date(2020, 1,2),
          end: new Date(2020, 1,5),
      },{
          name: "event 3",
          start: new Date(2020, 1,3),
          end: new Date(2020, 1,10),
      }]
    }
  },
}
</script>