vue3刷新频率（cron）

下载依赖 npm i jeeplus-cron
main.js文件引入文件

//全局引入
import vue3Cron from 'jeeplus-cron'
import 'jeeplus-cron/lib/vue3Cron.css' // 引入样式
app.use(vue3Cron)

表单数据

   <el-form-item label="刷新频率" prop="cron">
              <el-input v-model="form.cron" v-if="Isdisabled"></el-input>
             <el-popover popper-class="my_popover" v-else :visible="visible" width="700px">
								<vue3Cron @change="changeCron" @close="togglePopover" max-height="400px" i18n="cn"></vue3Cron>
								<template #reference>
									<el-input @click="visible = !visible" v-model="form.cron" readonly placeholder="请输入刷新频率"></el-input>
								</template>
							</el-popover>
            </el-form-item>

js部分

const visible =ref（false）
// 定义cron方法
const changeCron = val => {
  if (typeof val !== 'string') return false
  data.form.cron = val
}
const togglePopover = bol => {
  if (!bol) {
    document.getElementsByClassName('my_popover')[0].style.display = 'none'
  }
}