iview form表單驗證,已填寫但一直提示錯誤
阿新 • • 發佈:2020-11-02
最近在用iview開發,寫了一個簡單的form表單提交,是下拉提交,就一個值,但是一直選了值都報沒有有填寫!很鬱悶
最後找到原因發現ivew的form表單驗證預設是String型別的,Number型別的就會一直返回false,
所以不管是下拉選擇還是表單只要改成String型別或者驗證加上Numbr即可(我是修改的驗證的type,如下)
<Form ref="formValidate" :model="formData" :rules="formRule" :label-width="120"> <FormItem label="選擇使用者:" prop="groupId"> <!--我的groupId是numbere型別所以一直驗證報錯 --> <Select v-model="formData.groupId" filterable clearable style="width:300px"> <Option v-for="item in list" :value="item.value" :key="item.value">{{ item.label }}</Option> </Select> </FormItem> <FormItem class="modal_btn"> <Button @click="setSubmit" type="primary">確定</Button> <Button @click="close" type="default" style="margin-left: 8px">取消</Button> </FormItem> </Form>
對就是下面加了一個type:'number'
data () { return { formData:{ groupId:'', }, formRule:{ groupId:[ { required: true, message: '請選擇使用者',type:'number', trigger: 'change' }, ] } } },