vue-cron-editor-bootstrap [](https://github.com/karoletrych/vue-cron-editor/actions) alexmfreitas •0.2.1•3 ye
最近做的一个vue3项目过程中,需要用到cron表达式功能,而对于普通业务人员,他们是不懂cron表达式规则的,所以需要做一个可手动配置生成cron表达式的功能。从网上查找了一些相关资料,然后结合vue3+Element Plus,改造成适合自己项目的组件。记录代码如下: 实现功能: 1、在下拉框里手动选择后生成cron表达式 2、根据cron表达...
在这个示例中,当用户点击输入框时,会弹出一个vue-cron选择器,用户可以选择或输入cron表达式。当cron表达式更改时,会触发onCronChange方法,更新cronExpression数据属性。同时,使用cronstrue库将cron表达式转换为人类可读的格式并显示在页面上。
代码:vue-cron: vue-cron 基于Vue的Cron表达式组件 基于上述链接中大佬的代码进行改造 1.公用组件components目录下新建Cron文件夹,把大佬代码中的day.vue hour.vue month.vue secondAndMinute.vue week.vue year.vue这几个文件拷贝过来 编辑 2.Cron文件夹中新建index.vue文件,把大佬的cron.vue文件的内容拷贝过来,...
vue-cron 介绍 这是从其他开源项目抽取出来的基于vue的一个cron表达式生成器组件 使用说明 可以直接拉取代码,然后复制Crontab文件夹到需要使用的项目下 然后直接通过普通使用组件的方式使用就好了 可能遇到的问题 1.本组件的props是基于vue3版本的,如果使用者的版本是vue2可能会报错出现错误具体需要修改的地方: ...
1. 安装vue-cron-editor-buefy包 npm install vue-cron-editor-buefy -S npm install cronstrue -S 2. 使用 在src/views下 新建cronTest.vue.vue文件,内容如下 <template> <!-- 输入框 --> <el-form :model="form" label-position="left"> <el-form-item label="cron表达式" :label-width="fo...
Cron表达式组件项目地址:https://gitee.com/lindeyi/vue-cron5.vue-particle-effectVue版本的粒子效果...自 2014年正式对外发布以来,Vue凭借着入门容易、资料丰富、框架功能完善等优势,成为国内许多前端开发者在众多 JavaScript 框架中的首选。Gitee 上这些优秀的开源Vue组件也 ...
vue-cron-create 功能介绍: 这是一款cron表达式生成器,同时支持回显功能,基于vue3。 Getting started 安装 npm install vue-cron-create 引入方式 // 局部引入 import { VueCronCreate } from'vue-cron-create/src/components/vue-cron-create'<template><VueCronCreate :getOutCron="'0 30 8 ? * WED,THU'"...
在Vue中实现cron调度任务的步骤如下:1、使用node-cron库在服务器端进行调度,2、在Vue组件中使用axios或fetch发送请求,3、在后端处理请求,4、定期执行任务。在这篇文章中,我们将详细讨论如何在Vue项目中实现cron调度任务。 一、使用`node-cron`库在服务器端进行调度 安
ldy/vue-cron 代码Issues8Pull Requests0Wiki统计流水线 服务 加入Gitee 与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :) 免费加入 已有帐号?立即登录 master 分支(1) 管理 管理 克隆/下载 HTTPSSSHSVNSVN+SSH 该操作需登录 Gitee 帐号,请先登录后再操作。