iview 动态表单校验多级对象

左心房为你撑大大i 提交于 2019-11-29 23:58:41
<form-item :label="'DNS'+(index+1)" :prop="'dnsList2.' + index + '.dns'" :rules="isV4OrV6Dns">
                                                            <i-input v-model="list.dns" placeholder="请输入DNS" :disabled="!hsP"></i-input>
                                                        </form-item>

isV4OrV6Dns放在计算属性

isV4OrV6Dns(){
            return {
                required: true, validator: (rule, value, callback)=>{
                    if (!isEmpty(value)) {
                        callback(new Error('请输入DNS地址'));
                    }else if(!isIPv4(value)&&!isIPv6(value)){
                        callback(new Error('请正确输入DNS地址'));
                    }else {
                        callback();
                    }
                }, 
                trigger: 'blur'
            }
        }

 

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!