1.0.0 • Published 2 months ago

vue-input-cron v1.0.0

Weekly downloads
-
License
-
Repository
-
Last release
2 months ago

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最下边的内容区域