首页 > 其他 > 详细

VUE+ElementUI中的Quartz(cron语法)

时间:2019-12-22 09:07:18      阅读:1229      评论:0      收藏:0      [点我收藏+]

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

依赖:

ue 2.0.0+
element-ui 2.0.0+

安装方式

npm install vue-cron

在index.js中引入:

//全局引入
import VueCron from vue-cron
Vue.use(VueCron);

案例:

<template>
  <div class="cron">
    <el-popover v-model="cronPopover">
      <el-input slot="reference" @click="cronPopover=true" v-model="cron" placeholder="请输入定时策略" style="width: 40% ;margin-left: -50%"></el-input>
      <cron @change="changeCron" @close="cronPopover=false" i18n="en"></cron>

    </el-popover>
  </div>
</template>

<script>
  import {cron} from vue-cron;
  export default {
    components: { cron },
    data(){
      return {
        cronPopover:false,
        cron:‘‘
      }
    },
    methods: {
      changeCron(val){
        this.cron=val
      },

    },
  }
</script>

展示:

技术分享图片

VUE+ElementUI中的Quartz(cron语法)

原文:https://www.cnblogs.com/chenjiahao9527/p/12078846.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!