短視訊商城系統，下拉框rule出現驗證問題解決方法
下拉框格式如下：

<FormItem label="商品分類:" prop="commodityType">
<Select v-model="formEdit.commodityType" style="width:100%;" :disabled="modalType ? true : false">
<Option v-for="item in commodityTypeList" :value="item.value" :key="item.value">{{ item.label }}</Option>
</Select>
</FormItem>

驗證規則如下：

ruleEdit: {
commodityType: [
{ required: true, message: '請選擇商品分類', trigger: 'blur' }
]
}

但是每次下拉框輸入值以後點選提交都會觸發驗證規則。查閱資料後發現Form的校驗有如下規則：由於 Form 的校驗內建了 async-validator，而它會給每個欄位加一個預設的值為 string 的 type 規則，即預設情況下欄位必須是字串型。

而我的下拉框的value值是id，不是String型別，所以驗證規則需要修改。

ruleEdit: {
commodityType: [
{ required: 
 
true, message: '請選擇商品分類', trigger: 'change', type:'number' }
]
}

以上就是短視訊商城系統，下拉框rule出現驗證問題解決方法， 更多內容歡迎關注之後的文章