首页
/ 【亲测免费】 Vue3+ElementPlus Cron组件

【亲测免费】 Vue3+ElementPlus Cron组件

2026-01-31 04:08:50作者:滕妙奇

简介

本仓库提供了一款基于Vue3和ElementPlus的cron表达式定时器组件。该组件可以帮助开发者轻松实现定时任务功能,提高开发效率。

功能特点

  • 基于Vue3和ElementPlus开发,具有较好的兼容性和扩展性
  • 支持cron表达式解析,可自定义定时任务触发时间
  • 提供丰富的定时任务类型,如:秒、分钟、小时、日、月、周等
  • 支持定时任务的正则表达式配置
  • 提供简洁的API,易于集成和使用

使用方法

  1. 将组件文件Cron.vue引入项目中
  2. 在页面中注册并使用组件
<template>
  <cron
    :cron="cron"
    @change="handleCronChange"
  />
</template>

<script>
import Cron from './Cron.vue'

export default {
  components: {
    Cron
  },
  data() {
    return {
      cron: '* * * * *' // 初始cron表达式
    }
  },
  methods: {
    handleCronChange(newCron) {
      // 处理cron表达式变化
      this.cron = newCron
    }
  }
}
</script>
  1. 根据实际需求,配置cron表达式和事件处理函数

注意事项

  • 请确保项目中已安装Vue3和ElementPlus
  • 组件内部使用了ElementPlus的表单组件,如需自定义样式,请在项目中全局引入ElementPlus样式

更新日志

  • 2022-01-01:发布初始版本

许可

本项目遵循MIT开源协议,请遵守相关法律法规,合法使用本项目。

登录后查看全文
热门项目推荐
相关项目推荐