vue-cron 主要功能:这是一个基于Vue和Element UI实现的cron表达式生成插件。它提供了用户友好的界面来配置cron表达式,并支持分钟、小时、天、星期、月和年等多个字段的选择。 特点:界面友好,易于集成到Vue项目中,支持多种cron字段的配置。 安装:npm install vue-cron --save 使用示例: vue <
1.template部分 <template><el-input v-model="input" placeholder class="inp"></el-input><el-button type="primary" @click="showDialog">生成 cron</el-button><el-dialog title="生成 cron" :visible.sync="showCron"><vcrontab @hide="showCron=false" @fill="crontabFill" :expression="expression...
周 页面 CronWeek.vue <template> <el-radio-group v-model="radio" type="vertical" @change="redioChange"> <el-radio label="1"> 通配符* </el-radio> <el-radio label="2"> 不指定 </el-radio> <el-radio label="3" >周期从 <el-input-number v-model="startNum" class="mx-4" :min=...
vue3环境中使用cron表达式插件 依赖版本 Vue3.0.0+ element-plus 使用 1 安装 npm i vue3-cron-plus-picker或者pnpm add vue3-cron-plus-picker 2 引入 全局引入 在src\main.js中引入下载的包,并引入其样式 import{createApp}from'vue'import'./style.css'importAppfrom'./App.vue'importElementPlusfrom'el...
最近做的一个vue3项目过程中,需要用到cron表达式功能,而对于普通业务人员,他们是不懂cron表达式规则的,所以需要做一个可手动配置生成cron表达式的功能。从网上查找了一些相关资料,然后结合vue3+Element Plus,改造成适合自己项目的组件。记录代码如下: 实现功能: ...
vue3的cron表达式生成插件 vue3-cron 参考vue3-cron实现,修改了部分功能,修改了语法,加入了cron回显,修改了图标等 前提 Vue 3.0.0+ element-plus @element-plus/icons-vue 使用 1. 安装 npm install vue3-cron-plus @element-plus/icons-vue 2. 引入 先引入element-plus和@element-plus/icons-vue相关样式...
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-row { margin: 20px 0; .long { .el-select { width: 200px; } ...
这是一个 cron 表达式生成插件,基于 vue3.0 与 element-plus 实现demo vue3-cron 参考vue3-cron实现,加入了cron回显 项目地址 github :https://github.com/wuchuanpeng/no-vue3-cron github 项目启动: 1.npm install 2.npm run serve 依赖 Vue 3.0.0+ ...
介绍 这是一个cron表达式生成插件,基于vue3.0实现 项目启动 1.yarn install 2.yarn dev 软件架构 1、组件基于 Vue3 2、无任何ui依赖,基于Vue3项目的都可用 组件预览 感谢 此代码基于sugdove大佬修改https://github.com/sugdove/vue3-cron
这是一个cron表达式生成插件,基于vue与element-ui实现 demo 依赖: ue2.0.0+element-ui2.0.0+ 安装方式 npm install vue-cron 在main.js中引入: //全局引入import VueCronfrom'vue-cron'Vue.use(VueCron); 案例: <template> <el-popover v-model...