vue-core的使用

作者:Yuan Tang

更新于:5 个月前

字数统计:136 字

阅读时长:1 分钟

下载插件

npm i 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>

示例

vue-cron 有两个方法：

• change ：失焦后修改时间时触发。
• close ：点击取消按钮时触发。

HTML部分

<el-popover v-model="cronPopover">
  <vueCron @change="onChangeCron" @close="cronPopover = false"></vueCron>
    <el-input
  slot="reference"
  @click="cronPopover = true"
  v-model="formData.triggerCron"
  placeholder="请输入定时策略"
  size="small"
    ></el-input>
    </el-popover>

JS部分

methods: {
  onChangeCron(v) {
    this.formData.triggerCron = v
  },
}

Contributors

Yuan Tang