1、引入bootstrap和validate 2、修改bootstrap.css文件，增加如下样式描述，主要是给表单前增加红色星号*,和必填提示样式 3、给表单加上required属性 4、编写form表单必填项校验规则 ...

...

目录 validate.js user.vue 关键点： ①、使用 this.findObject(this.option.column, 'password'),找到prop字段，然后定义规则。 ②、绑定 :before-open ...

直接使用： 毛线都不管用。 非得自定义验证才可以： 官方没发现这个错误么，太坑了。 (完） ...

直接上代码 效果 ...

1. 不好的方式 很长时间以来都是用改写form-item样式来使得必填项和非必填项保证label对齐,这样需要改写系统样式，还要在相应的item上引用，代码量增多，示例如下(不推荐) 2. 好的方式 利用 slot轻松搞定，可以在slot所在的div里设置样式. ...

它默认都验证了！ 需要调整源码！form.js,layui.all.js 增加了(^$) ...

开始的时候尝试的写行内样式，但是会导致验证提示左移 下面是我使用的方法 表单项放在一个div中,修改对应类的样式 ::v-deep的作用自己百度 写法可能不一样，思路如此 修改后的效果 ...