影视传媒广告公司网站模板,手机平台网站系统,wordpress 自动摘要,石家庄搭建网站1#xff09;什么是vueCron
Vue Cron 是基于 Vue.js 的定时任务管理组件#xff0c;它提供了一种简单易用的方式来设定和管理定时任务。Vue Cron 提供了一个类似于 Linux crontab 的界面#xff0c;用户可以通过它来创建、编辑和删除定时任务。
2#xff09;安装依赖及应…1什么是vueCron
Vue Cron 是基于 Vue.js 的定时任务管理组件它提供了一种简单易用的方式来设定和管理定时任务。Vue Cron 提供了一个类似于 Linux crontab 的界面用户可以通过它来创建、编辑和删除定时任务。
2安装依赖及应用
npm install vue-cron --save
全局引用 main.js 中引用
import VueCron from vue-cron
Vue.use(VueCron)
3应用
使用element ui 中的el-popover 组件实现点击Input输入框显示VueCron插件设置定时任务后点击保存将设置好的任务表达式显示到Input框中
templateel-form-item labelCron表达式 el-popover v-modelcronPopover!--i18ncn 中文 --vueCron changechangeCron closecronPopoverfalse i18ncn/vueCronel-inputclassform-value-widthv-modelinputValueslotreference //此处要加slotclickcronPopovertrue/el-input/el-popover/el-from-item
/template
script
data(){return{cronPopover: false, inputValue: , },methods: {// 点击Cron插件保存 更新input 值changeCron(val){this.inputValue val } }
}
/script
运行效果
