ant cron 基于vue与Ant-desgin-vue实现的定时调度组件

Ant-cron

这是一个cron表达式生成插件,基于vue与Ant-desgin-vue实现,最近正好开发需要定时调度的功能,记录一下下载之后遇到的问题。

以下是gitee地址

ant cron


 

依赖

  • Vue 2.0.0+
  • ant-design-vue 1.4.4+

使用方式

<a-form :form="form" @submit="handleSubmit">     
    <a-form-item
    :labelCol="labelCol"
    :wrapperCol="wrapperCol"
    label="cron表达式">
    <a-cron ref="innerVueCron" v-decorator="['cronExpression', {'initialValue':'0 0 0 2 * ?',rules: 
        [{ required: true, message: '请输入cron表达式!' }]}]"  @change="setCorn"></a-cron>
    </a-form-item>
</a-form>

项目下载下来的时候,一度启动报错,搞了很久,也找了其他组件,但是都不太合适。

后来开始确定node是版本的问题,node重新安装,

目前是 13.14

项目运行后是这样

之后就是把用到的东西复制到自己项目中就可以了

Vue中,可以使用cron表达式生成插件来实现定时调度任务。这个插件基于VueAnt-design-vue实现。你可以下载这个插件并在你的项目中使用。当你需要定时调度任务时,你可以使用这个插件来生成cron表达式,然后将副作用函数添加到任务队列中。任务队列使用Set数组结构来去重,确保相同的任务只会被添加一次。 调度器scheduler负责执行任务队列中的副作用函数。每次调度执行时,将副作用函数添加到任务队列中,并调用flushJob函数来刷新队列。flushJob函数会检查一个名为isFlushing的状态,只有当状态为false时,才会开始执行。一旦开始执行,状态的值会被设置为true,确保每个周期只会执行一次任务。这样,无论你重复调用了多少次flushJob函数,每个周期都只会执行一次任务。 调度任务的次数可以根据你的需求进行设置。你可以决定副作用函数执行的时机、次数以及方式。可调度性是响应式系统非常重要的特性,在触发副作用函数重新执行时,你可以根据需要来控制任务的执行。 总结起来,使用Vuecron表达式生成插件,你可以实现定时调度任务。通过定义任务队列和调度器,你可以控制副作用函数的执行时机和次数。这样,你就可以根据需求来定制你的定时调度任务了。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [ant cron 基于vueAnt-desgin-vue实现定时调度组件](https://blog.youkuaiyun.com/qq_39930070/article/details/125258615)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* *3* [vue3中调度器的简单实现](https://blog.youkuaiyun.com/xjc2333333/article/details/123561859)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值