Vue的Cron表达式组件_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>