使用Vue-Cron 插件自定义6位Cron表达式

1,874 阅读1分钟

Vue-Cron 插件

之前用Vue-Cron插件自动生成Cron表达式,后端提了个新需求 把7位Cron表达式改成6位

image.png

1、在node_module中找到Vue-Cron插件

image.png 可以看到依赖包源文件只有一个index.vue文件

cron(){
    return `${this.secondsText||'*'} ${this.minutesText||'*'} ${this.hoursText||'*'} ${this.daysText||'*'} ${this.monthsText||'*'} ${this.weeksText||'?'} ${this.yearsText||'*'}` 
},

分析发现计算属性cron 就是我们需要的Cron表达式,源码中是Cron表达式由7个计算属性拼接而来,现在我们要改为6位,去掉一个我们不需要的计算属性this.yearsText即可。 由于源文件只有这一个,首先尝试把它单独作为组件,发现报错缺少依赖文件,

import Language from '../language/index'

2. 找到Vue-Cron源码

那只能到先找Vue-Cron插件的源码,找index.vue引入的依赖文件../language/index
很可惜 常规方法没有找到 在README.md介绍文档中 发现了Vue-Cron插件原作者的邮箱

image.png 在github搜索该邮箱

image.png 找到了原作者,也就找到了我们要找的依赖文件../language/index

image.png

3.自定义cron组件

引入找到的language文件,再次尝试,大功告成

image.png

image.png