Vue Elementui 表单必填项和非必填项label文字对齐（左对齐）

Posted 2023-03-08

参考技术A 开始的时候尝试的写行内样式，但是会导致验证提示左移  

  下面是我使用的方法   表单项放在一个div中,修改对应类的样式 ::v-deep 的作用自己百度 写法可能不一样，思路如此

修改后的效果 

lay-verify进行非必填项校验

它默认都验证了！
需要调整源码！form.js,layui.all.js

this.config = 
                verify: 
                    required: [/[\S]+/, "必填项不能为空"],
                    phone: [/(^$)|^1\d10$/, "请输入正确的手机号"],
                    email: [/(^$)|^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]2,4)+$/, "邮箱格式不正确"],
                    url: [/(^$)|(^#)|(^http(s*):\/\/[^\s]+\.[^\s]+)/, "链接格式不正确"],
                    number: [/(^$)|^\d+$/,'只能填写数字'],
                    date: [/(^$)|^(\d4)[-\/](\d1|0\d1|1[0-2])([-\/](\d1|0\d1|[1-2][0-9]|3[0-1]))*$/, "日期格式不正确"],
                    identity: [/(^$)|(^\d15$)|(^\d17(x|X|\d)$)/, "请输入正确的身份证号"]
                

增加了(^$)