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的作用自己百度 寫法可能不一樣，思路如此 修改后的效果 ...