首页
/ 【亲测免费】 cron定时任务表达式组件(vue3+ts+naiveUI)

【亲测免费】 cron定时任务表达式组件(vue3+ts+naiveUI)

2026-02-01 04:05:03作者:卓炯娓

此组件是基于Vue3、TypeScript和Naive UI开发的cron定时任务表达式组件,支持执行时间的中文解析,并提供10次执行时间的展示(需后端配合写接口)。

使用说明

  1. 将文件放置于您的项目目录下。

  2. 引入组件:import vue3CronComponent from 'xxxx';。如果需要中文解析功能,同样方式进行引入。

  3. 传入必要的值:

    • maxHeight=450px:组件最大高度。
    • @changeCron=changeCron:更改cron表达式时触发的方法。
    • :cronValue=cronValue:cron表达式绑定的值。
    • :showCronModal=showCronModal:控制弹框显示的布尔值。
    • style=flex: 0.25:组件样式。
  4. cron子组件传递的方法:

const changeCron = (val: string) => {
  showCronModal.value = false;
  if (val) {
    // 赋值更新
  }
};

注意事项

  • 请确保您的项目已安装Vue3、TypeScript和Naive UI。
  • 使用过程中如有问题,请参考相关文档或寻求技术支持。
登录后查看全文
热门项目推荐
相关项目推荐