vue-input-cron

这是一个cron表达式生成插件,基于vue与element-ui实现

依赖

• Vue 2.0.0+
• element-ui 2.0.0+

安装方式

npm install vue-input-cron
# or 
yarn add vue-input-cron

引入方式

1//全局引入
2import VueInputCron  from 'vue-input-cron'
3Vue.use(VueInputCron);//使用方式：<vue-input-cron></vue-input-cron>
4
5//局部引入
6import { VueInputCron } from 'vue-input-cron'
7 
8export default {
9    template: '<vue-input-cron />',
10    components: { VueInputCron }
11}

示例

1<vue-input-cron v-model.trim="value" 
2                :show-result="true" 
3                placeholder="请输入CRON" 
4                @change="handleChange" />

Attribute

• show-result
  • 是否在弹出框中显示每个表达式字段的值
• placeholder
  • 默认提示，通 input 的 placeholder 一样

Events

• change
  • 当corn表达式的值发生变化变化时触发
  • 参数:

  1    {
  2      "choice": "",
  3      "complete": "",
  4      "completeInfo": {
  5        "day": "",
  6        "hour": "",
  7        "minute": "",
  8        "month": "",
  9        "second": "",
  10        "week": "",
  11        "year": ""
  12      },
  13      "data": "",
  14      "type": ""
  15    }

Slot

• footer
  • 显示在popover最下边的内容区域