实话告诉你吧。

是有的。那就是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>

 

GitHub 加速计划 / vu / vue
207.54 K
33.66 K
下载
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支:2 个月前 )
73486cb5 * chore: fix link broken Signed-off-by: snoppy <michaleli@foxmail.com> * Update packages/template-compiler/README.md [skip ci] --------- Signed-off-by: snoppy <michaleli@foxmail.com> Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 4 个月前
e428d891 Updated Browser Compatibility reference. The previous currently returns HTTP 404. 5 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐