代码拉取完成，页面将自动刷新
这是一个cron表达式生成插件,基于vue与element-ui实现 demo
npm install vue-cron
//前置配置
import Vue from 'vue'
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI);
//全局引入
import VueCron from 'vue-cron'
Vue.use(VueCron);//使用方式：<vueCron></vueCron>
//局部引入
import {cron} from 'vue-cron'
export default {
template: '<cron/>',
components: { cron }
}
<template>
<div class="cron">
<h1>vue-cron</h1>
<el-popover v-model="cronPopover">
<cron @change="changeCron" @close="cronPopover=false" i18n="en"></cron>
<el-input slot="reference" @click="cronPopover=true" v-model="cron" placeholder="请输入定时策略"></el-input>
</el-popover>
</div>
</template>
<script>
import {cron} from 'vue-cron';
export default {
components: { cron },
data(){
return {
cronPopover:false,
cron:''
}
},
methods: {
changeCron(val){
this.cron=val
},
},
}
</script>
在示例中我使用了es6(es2015)语法,你可能需要引入babel-polyfill才能正常运行,或者你也可以用es5的写法
i18n
{String} language 目前仅支持en|cn
国际化支持
change(cronText)
{String} cronText cron表达式的值当corn表达式的值发生变化变化时触发
close()
当点击corn表达式选择框取消按钮时触发
邮箱 : 1615450788@qq.com
有任何问题请发Issues或者邮箱联系我-.- 谢谢!
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。