关于layui的表单控件(如下拉框、单选框)无法渲染的问题

最近写项目用到了layui框架,在写layui表单的时候发现下拉框没有渲染出来,如下两图对比:图一为下拉框缺失,图二是理想情况

一开始是以为自己下拉框class写错了,检查了并没有什么不对,于是把官方文档的form代码扒下来放到项目中,除了文本框和按钮,其他单选框复选框下拉框都没办法渲染出来,于是乎再检查一下引用的文件,相关css和js都引进来了,不然也不会有部分控件能渲染到,上去官方文档再细看了一下,发现一个哭笑不得的小细节: 

 因为项目中我是把表单写在了layer.open的弹窗里,还在layer.open的success回调函数中对表单第一个文本框进行初始化赋值,所以我的表单页的html算是动态生成的,因此要在表单页的js执行form.render()对表单进行手动渲染。

 版权声明:本文为博主原创文章,转载请注明出处。https://blog.csdn.net/Bibifeng/article/details/81223215

猜你喜欢

转载自blog.csdn.net/Bibifeng/article/details/81223215