element 選擇框多選校驗


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:[];

因為項目之前選擇為單選,后改為多選的,所以綁定值的類型也需要修改。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM