vue-input-cron

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

引入方式

//全局引入
import VueInputCron  from 'vue-input-cron'
Vue.use(VueInputCron);//使用方式：<vue-input-cron></vue-input-cron>

//局部引入
import { VueInputCron } from 'vue-input-cron'
 
export default {
    template: '<vue-input-cron />',
    components: { VueInputCron }
}

示例

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

Attribute

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

Events

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

      {
        "choice": "",
        "complete": "",
        "completeInfo": {
          "day": "",
          "hour": "",
          "minute": "",
          "month": "",
          "second": "",
          "week": "",
          "year": ""
        },
        "data": "",
        "type": ""
      }

Slot

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