npm install vue3-cron-plus @element-plus/icons-vue 2. 引入 先引入element-plus和@element-plus/icons-vue相关样式,具体参考element-plus官网 全局引入 importvue3CronPlusfrom'vue3-cron-plus'import'vue3-cron-plus/dist/index.css'// 引入样式constapp=createApp(App)app.use(vue3CronPlus) ...
import { createApp } from 'vue' import './style.css' import App from './App.vue' import ElementPlus from 'element-plus' import 'element-plus/dist/index.css' import Vue3CronPlusPicker from 'vue3-cron-plus-picker' // 引入组件 import 'vue3-cron-plus-picker/style.css' //引入组件相关...
在Vue3项目中实现cron表达式功能,你可以使用现有的插件来简化开发过程。以下是关于如何在Vue3项目中使用cron表达式插件的详细步骤: 1. 寻找适用于Vue3的cron表达式插件 有几个插件适用于Vue3,并支持cron表达式的生成和解析。基于你提供的信息,vue3-cron-plus-picker是一个不错的选择。它结合了Vue3和Element Plus,提...
<el-radio label="11" v-model="state.day.cronEvery">在这个月的第</el-radio> <el-input-number v-model="state.week.cronNthDayNth" :min="1" :max="5" controls-position="right" /> 个 <el-select v-model="state.week.cronNthDayDay" style="width: 140px"> <el-option v-for="(item...
最近做的一个vue3项目过程中,需要用到cron表达式功能,而对于普通业务人员,他们是不懂cron表达式规则的,所以需要做一个可手动配置生成cron表达式的功能。从网上查找了一些相关资料,然后结合vue3+Element Plus,改造成适合自己项目的组件。记录代码如下: 1、components目录下新建 vue3Cron/Index.vue src/components/vue3Cr...
<el-dropdown-item icon="el-icon-plus" divided command="custom">自定义</el-dropdown-item> </el-dropdown-menu> </template> </el-dropdown> </template> </el-input> <el-dialog title="cron规则生成器" v-model="dialogVisible" :width="580" destroy-on-close append-to-body> <el-tabs...
github : https://github.com/wuchuanpeng/no-vue3-cron github 项目启动: 1.npm install 2.npm run serve 依赖 Vue 3.0.0+ elementplus 安装方式 npm install no-vue3-cron 全局引入方式 //前置配置 import { createApp } from 'vue' import ElementPlus from 'element-plus' import 'element-plus...
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...
import'element-plus/lib/theme-chalk/index.css' import'element-plus/theme-chalk/index.css' importAppfrom'./App.vue' //全局引入 importnoVue3Cronfrom'no-vue3-cron' Expand DownExpand Up@@ -65,7 +65,7 @@ export default { no-vue3-cron <el-input v...
Corn expression plugin based on vue3+elementPlus(基于vue3+elementplus+vue3的corn表达式插件) vue3-cron-plus-picker vue3-cron-plus vue3-cron vue3 cron rjy92• 1.0.2 • 2 years ago • 1 dependents • ISCpublished version 1.0.2, 2 years ago1 dependents licensed under $ISC ...