需求
分析
javascript">< el- form: model= "form" status- icon: rules= "rules" ref= "formRef" label- width= "150px" class = "customForm" size= "small" > < el- form- itemlabel= "姓名:" prop= "name" > < el- inputv- model. trim= "form.name" autocomplete= "off" > < / el- input> < / el- form- item> < el- form- itemlabel= "手机号:" prop= "phone" > < el- inputv- model. trim= "form.phone" autocomplete= "off" > < / el- input> < / el- form- item> < el- form- itemlabel= "邮箱:" prop= "email" > < el- inputv- model. trim= "form.email" autocomplete= "off" > < / el- input> < / el- form- item> < ! -- < el- form- itemlabel= "是否启用:" prop= "enable" > < el- switch v- model= "form.enable" > < / el- switch > < / el- form- item> -- > < / el- form>
javascript">data ( ) { form : { structId : this . $store. state. struct. structId, "id" : '' , "name" : "" , "email" : "" , "phone" : "" , } , rules : { name : [ { required : true , message : "不能为空" , trigger : "change" } , ] , phone : [ { pattern : / ^((1[3,5,8][0-9])|(14[5,7])|(17[0,5,6,7,8])|(19[7]))\d{8}$ / , message : "请检查手机号格式是否正确" , trigger : "blur" , } , ] , email : [ { pattern : / ^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$ / , message : "请检查邮箱格式是否正确" , trigger : "blur" , } , ] , } ,
}