Vue的Cron表达式组件

实话告诉你吧。

是有的。那就是Vue-cron。

vue-cron的可以很好的傻瓜的方式来进行cron的配置。

（看到这里，是不是觉得程序员可以下班了）

直接上图。

 项目文件地址：

gitee:vue-cron: vue-cron 基于Vue的Cron表达式组件

依赖：

1. ue 2.0.0+

2. element-ui 2.0.0+

安装方式

npm install vue-cron

在main.js中引入：

1. //全局引入

2. import VueCron from 'vue-cron'

3. Vue.use(VueCron);

页面demo

<template>

<div class="cronDemo">

<el-popover v-model="isShow">

<el-input slot="reference" @click="cronPopover=true"

v-model="cron" placeholder="请输入定时策略"

style="width: 40% ;margin-left: -50%">

</el-input>


<cronComponent@change="changeCron" @close="cronPopover=false" i18n="cn"> </cronComponent>


</el-popover>

</div>

</template>


<script>

import {cronComponent} from 'vue-cron';

export default {

components: { cronComponent},

data(){

return {

isShow: false,

cron:''

}

},

methods: {

changeCron(val){

this.cron=val

},


},

}

</script>