vue項目中使用element 選擇框 當校驗這個選擇框必填,選擇框又是多選時,頁面初次加載校驗提示就出來的問題。之前時單選后改為多選
<el-form-item v-show="true" label="項目計划來源" prop="planResource" style="margin-top:10px"> <el-select clearable v-model="formDialog.planResource" size="small" placeholder="請選擇" :multiple="true" @change="selectProjectAll" > <el-option v-for="item in sourceOptions" :key="item.value" :label="item.label" :value="item.value" ></el-option> </el-select> </el-form-item>
formDialog: { year: '', monthly: '', planResource: '', },
rules: { year:[{required: true, message: '請選擇年份'}], monthly:[{required: true, message: '請選擇月份'}], planResource:[{required: true,message: '請選擇項目來源'}] }
選擇框多選時 綁定值的類型為數組 把 planResource 改為 planResource:[];
因為項目之前選擇為單選,后改為多選的,所以綁定值的類型也需要修改。