Drop-down checkbox check problem in elementUI

when multiple choices are available in the drop-down menu select, the verification information is always prompted after selecting the option. The verification cannot be realized by asking how to achieve the verification problem

                <el-form-item label=" :" prop="FluperIdList">
                    <el-select 
                        v-model="flupers" 
                        multiple 
                        placeholder="">
                            <el-option
                              v-for="item in flupersArr"
                              :key="item.Id"
                              :label="item.RealName"
                              :value="item.Id">
                            </el-option>
                        </el-select>
                </el-form-item>
                
                
                
        rules: {
            Name: [
                { required: true, message: "", trigger: "blur" },
            ],
            FluperIdList: [
                { type: "array", required: true, message: "", trigger: "change" },
            ],
        }
        
        

whether the following is modified or not working

            <el-form ref="editGroupForm" :rules="rules" label-width="100px" :model="editGroupForm" style="width:80%;margin:0 auto;">
                <el-form-item label=" :" prop="Name">
                    <el-input v-model.trim="editGroupForm.Name" style="width:217px;"></el-input>
                </el-form-item>
                <el-form-item label=" :" prop="FluperIdList">
                    <el-select 
                    v-model="editGroupForm.FluperIdList" 
                    multiple 
                    @change="selectChange"
                    placeholder="">
                        <el-option
                          v-for="item in flupersArr"
                          :key="item.Id"
                          :label="item.RealName"
                          :value="item.Id">
                        </el-option>
                    </el-select>
                </el-form-item>
                <el-form-item label=" :">
                    <el-input type="textarea" v-model.trim="editGroupForm.Remark" :rows="5"></el-input>
                </el-form-item>
                <el-form-item label="">
                    <el-select style="width:40%;" v-model="editGroupForm.EnableType">
                        <el-option label="" :value="1"></el-option>
                        <el-option label="" :value="0"></el-option>
                    </el-select>
                </el-form-item>
            </el-form>
            
            
        rules: {
            Name: [
                { required: true, message: "", trigger: "blur" },
            ],
            FluperIdList: [
                { type: "array", required: true, message: "", trigger: "change" },
            ],
        }
        
        
      

clipboard.png
error

May.27,2022

I think your v-model is wrong. Just like him, you have to add a vmurModell xxx.bbb to the el-form on the vMutual modellexxx.bbb on the propproppropproppropproppropproppropproppropproppropproppropproppropproppropproppropproppropproppropproppropproppropprop.bbb. Because his domain, which is also a custom plug-in, is passed downwards, you can't suddenly use a single variable


  https://jsfiddle.net/0nmoj45r/1/

.
Menu