element ui el-select 如果没选提示请选择问题

Question

<el-form ref="form" :model="form" :inline="true" :rules="rules">
            <el-form-item label="供应商：" :required="true" prop="value">
                <el-select v-model="form.value" placeholder="请选择" size="small" style="width:340px">
                    <el-option v-for="item in form.options" :key="item.value" :label="item.label" :value="item.value"></el-option>
                </el-select>
            </el-form-item>
        </el-form>

form:{
            options: [
                {
                    value: '1',
                    label: 'meat'
                }, 
                {
                    value: '2',
                    label: 'drink'
                }, 
            ],
        },
        rules:{
            value:[
                { required: true, message: '请选择', trigger: ['blur','change'] },
            ]
        }

请选择 红字提示没出来 prop rules v-model 都对应这呢 求助。。

Answer 1

之前碰到过这个问题，后来解决办法是自己添加事件

    <el-form ref="form" :model="form" :inline="true" :rules="rules">
      <el-form-item label="供应商：" :required="true" prop="value">
        <el-select v-model="form.value" placeholder="请选择" size="small" style="width:340px" @blur="validate">
          <el-option v-for="item in form.options" :key="item.value" :label="item.label" :value="item.value"></el-option>
        </el-select>
      </el-form-item>
    </el-form>

    methods: {
      validate(){
        this.$refs.form.validateField("value",(err)=>{
          console.log(err)
        })
      }
    },

看了源码似乎校验规则时只有el-input会触发blur，不知道是否有遗漏，欢迎大佬指正

Answer 2

form.value  //看看这个值是否为空   

Answer 3

你form中都没有value这个属性