提交 4b33ceb2 编写于 作者: Mosher's avatar Mosher

增加cron-editor组件 --- fix1

上级 9c3ebaf8
<template> <template>
<Select <Select
v-model="model" v-model="value[0]"
class="transfer-select" class="transfer-select"
@on-change='handleCronChange'
:disabled="disabled" :disabled="disabled"
:placeholder="placeholder" :placeholder="placeholder">
multiple> <Option class="hidden" v-for="(item,i) in value" :value="item" :label="item" :key="i">
</Option>
<vue-cron class='vue-cron' @cronValue='handleCronChange'></vue-cron> <vue-cron class='vue-cron' @cronValue='handleCronChange'></vue-cron>
</Select> </Select>
...@@ -22,14 +24,6 @@ import VueCron from './vue-cron/vue-cron.vue'; ...@@ -22,14 +24,6 @@ import VueCron from './vue-cron/vue-cron.vue';
}) })
export default class CronEditor extends Vue { export default class CronEditor extends Vue {
/**
* 下拉列表数据(设置为空)
*
* @type {any}
* @memberof CronEditor
*/
public model: any = '';
/** /**
* 启用状态 * 启用状态
* *
...@@ -46,14 +40,31 @@ export default class CronEditor extends Vue { ...@@ -46,14 +40,31 @@ export default class CronEditor extends Vue {
*/ */
@Prop() placeholder:any; @Prop() placeholder:any;
/**
* 绑定Cron表达式
*
* @type {any[]}
* @memberof CronEditor
*/
public value: any[] = [];
/** /**
* 处理返回Cron表达式 * 处理返回Cron表达式
* *
* @type {any} * @type {any}
* @memberof CronEditor * @memberof CronEditor
*/ */
public handleCronChange(newVal: any, oldVal: any) { public handleCronChange(val: any) {
this.value[0] = val;
this.value.push(val);
}
/**
* Vue生命周期
*
*/
public created() {
this.value[0] = '';
} }
} }
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册