element select 默认值

2020-08-17  本文已影响0人  流泪手心_521

1.绑定的值就是默认值

 <el-form-item label="重复" prop="repeatType" class="item-form-3">
                        <el-select v-model="remindForm.repeatType" @change="getRepeatTime">
                            <el-option v-for="(item,index) in repeatList"
                                        :key="item.dictName + index"
                                        :label="item.dictName"
                                        :value="item.label">
                            </el-option>
                        </el-select>
                    </el-form-item>
image.png
 data() {
            //重复
            let repeatTimes = (rule, value, callback) => {
                console.log(this.repeatTypeInput);
                //天
                if(this.repeatTypeInput==1){
                    if (!Number.isInteger(value)) {
                        callback(new Error('请输入天数'));
                    }else {
                        callback();
                    }
                }
                //周
                if(this.repeatTypeInput==2){
                    if (!Number.isInteger(value)) {
                        callback(new Error('请输入周数'));
                    }else {
                        callback();
                    }
                }

                //月
                if(this.repeatTypeInput==3){
                    if (!Number.isInteger(value)) {
                        callback(new Error('请输入月份'));
                    } else {
                        if (value>36) {
                            return callback(new Error('月份不能超过36个月'));
                        } else {
                            callback();
                        }
                    }
                }
                //年
                if(this.repeatTypeInput==4){
                    if (!Number.isInteger(value)) {
                        callback(new Error('请输入年份'));
                    } else {
                        if (value>10) {
                            return callback(new Error('年份不能超过10年'));
                        } else {
                            callback();
                        }
                    }
                }
            };

            return {
                remindForm: {
                    repeatType: '0',//重复类型
                    channel: 0,
                    calendarType: 2,
                    content: '',
                    setDate: '',
                    remindTime: '',
                    priority: 2,
                    type: 2,
                    source: 3,
                    remindInfos: [],
                    usersTags: [],
                    checked: false,//全天是否选中

                    repeatTimes: '',//重复频次
                    customRepeat: [],//自定义重复
                    customTimeD: '',//自定义提醒
                    customTimeH: '',//自定义提醒
                    customTimeM: '',//自定义提醒
                    fileList: []
                },
        },
image.png
上一篇 下一篇

猜你喜欢

热点阅读