time-dragged

可插入自定义标签的 time-dragged

安装

$ npm install time-dragged -S

使用

在 main.js 文件中引入插件并注册

# main.js
import timeDragged from 'time-dragged'
import 'time-dragged/lib/time-dragged.css'
Vue.use(timeDragged)

在项目中用使用 timeDragged

<template>
  <time-dragged :hourList="hourRange" :hour="curHour" @getHour="setHour"> </time-dragged>
</template>
<script>
  export default {
    data () {
      return {
        hourRange: [6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24],
        curHour: 22,
      }
    }
  }
</script>

注意：标签为 <time-dragged>

参数

| 参数 | 说明 | 类型 | 默认值 | | ------ | ------ | ------ | ------ | | hourList | 配置数字列表 | Array | [6,7,8,9,....] | | hour | 初始时间设置 | Number | 22 |

自定义 tag 的时候，需要添加该标签的样式

事件

| 事件名称 | 说明 | 回调参数 | | ------ | ------ | ------ | | getHour | 当前时间改变时回调 | hour |