LayUi表單模塊沒法正常顯示

問題：

當咱們再使用LayUI的Form表單模塊時，咱們會把本身須要的表單賦值到咱們的頁面中，可是會出現沒法正常顯示的問題，以下：

 

 

出現緣由：

LayUI官方文檔也明確表示：「當你使用表單時，layui 會對 select、checkbox、radio 等原始元素隱藏，從而進行美化修飾處理。但這須要依賴於 form 組件，因此你必須加載 form。」

因此咱們必須加載form模塊，才能使它完整地渲染出來。

 

解決方法：

在你js文件的代碼最外層，把須要用到的模塊 layui.use 預加載一下，如：

1. /**
2.   你的js文件
3. **/
5. //咱們強烈推薦你在代碼最外層把須要用到的模塊先加載
6. layui.use(['layer', 'form', 'element'], function(){
7.   var layer = layui.layer
8.   ,form = layui.form
9.   ,element = layui.element
11.   //……
12.   //你的代碼都應該寫在這裏面
13. });

當咱們把這行代碼執行完以後，整個表單頁面就能夠完整地渲染出來了，問題解決。

 

總結：

當咱們在使用LayUI的表單時，咱們要記得先把表單模塊預加載出來。把這兩部分當成一個總體來操做就OK了。

 

 2020-04-02