问题：

当我们再使用LayUI的Form表单模块时，我们会把自己需要的表单赋值到我们的页面中，但是会出现无法正常显示的问题，如下：

出现原因：

LayUI官方文档也明确表示：“当你使用表单时，layui 会对 select、checkbox、radio 等原始元素隐藏，从而进行美化修饰处理。但这需要依赖于 form 组件，所以你必须加载 form。”

所以我们必须加载form模块，才能使它完整地渲染出来。

解决方法：

在你js文件的代码最外层，把需要用到的模块 layui.use 预加载一下，如：

1. /**
2. 你的js文件
3. **/
4. //我们强烈推荐你在代码最外层把需要用到的模块先加载
5. layui.use(['layer', 'form', 'element'], function(){
6. var layer = layui.layer
7. ,form = layui.form
8. ,element = layui.element
9. //……
10. //你的代码都应该写在这里面
11. });

当我们把这行代码执行完之后，整个表单页面就可以完整地渲染出来了，问题解决。

总结：

当我们在使用LayUI的表单时，我们要记得先把表单模块预加载出来。把这两部分当成一个整体来操作就OK了。

2020-04-02

最新文章

1. 如何编写稳定流畅的iOS移动端应用
2. C# 服务程序 - 调试服务
3. linux c 笔记-4 工程项目阅读推荐
4. tensorfolw配置过程中遇到的一些问题及其解决过程的记录（配置SqueezeDet: Unified, Small, Low Power Fully Convolutional Neural Networks for Real-Time Object Detection for Autonomous Driving）
5. salesforce 零基础学习（十六）Validation Rules & Date/time
6. PowerDesigner中Table视图怎样同时显示Code和Name
7. Phpcms V9网站从本地上传到服务器需要修改的地方
8. design the relations
9. 【贪心+一点小思路】Zoj - 3829 Known Notation
10. 【原】Spark中Client源码分析（一）
11. iOS设备后台播放音乐方法
12. HBase Coprocessor 剖析与编程实践（转载http://www.cnblogs.com/ventlam/archive/2012/10/30/2747024.html）
13. VSTO：使用C#开发Excel、Word【15】
14. R 语言 Windows 环境 安装与Windows下制作R的package--Rtools
15. Leetcode题库——38.报数
16. go语言之进阶篇定时器重置
17. 【转】GDB中应该知道的几个调试方法
18. 【Web API系列教程】3.3 — 实战：处理数据（建立数据库）
19. bzoj千题计划157：bzoj1220：[HNOI2002]跳蚤
20. bat薪酬

热门文章

1. 从.NET看微软的焦虑
2. webpack & webpack-cli
3. web hack & web security
4. NGK算力生态建设者狂欢！SPC之后又有VAST！
5. Masterboxan INC：OPEC+达成产量协议 产油联盟内部分歧逐步加大
6. SpringBoot+Vue豆宝社区前后端分离项目手把手实战系列教程01---搭建前端工程
7. img图片默认的3px空白缝隙解决方法
8. KMP算法，你想知道的都在这里！
9. CentOS7安装Kibana7.9.2
10. 使用Maven新建SpringBoot工程