从网上查找了一些相关资料,然后结合vue3+Element Plus,改造成适合自己项目的组件。记录代码如下: 实现功能: 1、在下拉框里手动选择后生成cron表达式 2、根据cron表达式,各个下拉框最选中的回显 3、根据cron表达式,打印表达式会在最近5次的执行时间 1、components目录下新建 vue3Cron/Index.vue src/components/vue3Cron...
引用: js部分 import cmCron from '../../components/cmCron/index.vue'; const shortcuts= [ { text: "每天8点和12点 (自定义追加)", value: "0 0 8,1
最近做的一个vue3项目过程中,需要用到cron表达式功能,而对于普通业务人员,他们是不懂cron表达式规则的,所以需要做一个可手动配置生成cron表达式的功能。从网上查找了一些相关资料,然后结合vue3+Element Plus,改造成适合自己项目的组件。记录代码如下: 1、components目录下新建 vue3Cron/Index.vue src/components/vue3Cr...
Cron表达式是一个字符串,用于指定在类Unix系统中定时执行任务的时间规则。它由六个或七个字段组成,分别表示秒、分、时、日、月、星期(可选年份)。例如,表达式* * * * * *表示每秒执行一次任务。 2. 研究Vue3框架的基本特性和组件开发方式 Vue 3是一个用于构建用户界面的渐进式JavaScript框架,提供了响应式的数...
vue3Cron表达式组件 npm安装no-vue3-cron引入报错,就直接把代码拿来自己改了 no-vue3-cron仓库地址:https://github.com/wuchuanpeng/no-vue3-cron vue-cron.vue .no-vue3-cron-div { .language { position: absolute; right: 25px; z-index: 1; } .el-tabs { box-shadow: none; } .tabBody {...
no-vue3-cron仓库地址:https://github.com/wuchuanpeng/no-vue3-cron vue-cron.vue 代码语言:javascript 代码运行次数:0 运行 AI代码解释 .no-vue3-cron-div { .language { position: absolute; right: 25px; z-index: 1; } .el-tabs { box-shadow: none; } .tabBody { overflow: auto; .el-r...
vue3-cron-core 介绍 这是一个cron表达式生成插件,基于vue3.0实现 项目启动 1.yarn install 2.yarn dev 软件架构 1、组件基于 Vue3 2、无任何ui依赖,基于Vue3项目的都可用 组件预览 感谢 此代码基于sugdove大佬修改https://github.com/sugdove/vue3-cron ...
功能介绍: 这是一款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'"@sendCron="getSe...
Vue3 采用了 Proxy 作为数据响应式系统的基础,取代了 Vue2 中的 Object.defineProperty,使得整个框架更加高效且适用于各类应用场景。 二、Cron 表达式概念 Cron 表达式是一种用于表示时间规则的字符串,其来源于 Unix 系统中的 Cron 任务调度器。Cron 表达式可以用于配置 Vue3 中的定时器,以实现根据特定时间规则执行...
Cron 表达式是一种用于表示时间间隔的文字描述,常用于定时任务的配置。Cron 表达式的基本格式为:“分钟 小时 日期 月份 周数”,例如:“0 0 * * * *”表示每小时执行一次任务。Cron 表达式的每个字段都可以用特定的符号进行通配,从而灵活地表示时间间隔。 三、Vue 3 中的 Cron 表达式用法 在Vue 3 中,Cron 表...