Vue中Cron表达式组件使用

安装

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>

使用效果