安装
npm install vue-cron --save
局部引用
import {cron} from 'vue-cron'
export default {
components: { cron },
}
Vue中使用
<template>
<el-popover v-model="cronPopover">
<cron @change="changeCron" @close="cronPopover=false" i18n="cn"/>
<el-input slot="reference" v-model="execTime" placeholder="定时策略" @click="cronPopover=true"/>
</el-popover>
</template>
<script>
import {cron} from 'vue-cron'
export default {
components: { cron },
data() {
return {
execTime:'',
cronPopover:false,
}
},
methods:{
changeCron(val){
this.execTime = val
}
}
}
</script>
使用效果