1. 程式人生 > 實用技巧 >iview form表單驗證,已填寫但一直提示錯誤

iview form表單驗證,已填寫但一直提示錯誤

最近在用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' }, ] } } },