前言： LayUI是一个很老的框架了，经常会碰到一些 bug。不过由于他的轻量级，仍然有一些项目在使用。之前在公司解决的这些 bug，现在有时间发出来，可能会对大家产生一些意义。
layui中 slect form表单元素 不美化显现的问题
layui中美化的表单元素 在渲染完成要添加 form.render()；
$.each($('#classId option'),function (i, v) {
if($(v).val()==data.id){
$(v).attr("selected","selected")
}
})
form.render()
如果还不显示，检查一下html结构 是否在父级元素上有layui-form的类名
<div class="layui-form">
<label for="unit" class="col-lg-2 control-label"> 商品单位:</label>
<div class="col-lg-6">
<select class="layui-input" id="unit" lay-search></select>
</div>
</div>
layui 日期插件laydate 闪没 问题
当页面高度不够时（高度不够，指的是 input输入框下面的页面高度 小于 时间控件的高度），时间控件，点击以后 会闪没，当退出页面 ，再返回以后，时间控件正常出现；
解决方案：将触发 方法 改为 click
laydate.render({
elem: '#birthLeader'
,trigger: 'click'
});
无论是否 高度足够，均可以出现 控件 ，当高度不够时，会遮挡 input输入框文章来源：https://www.toymoban.com/news/detail-673654.html
弹出框 不居中问题
遇到一个问题，弹出框 水平居中，高度偏下，解决办法
动态改变位置文章来源地址https://www.toymoban.com/news/detail-673654.html
layer.style(index 的值 弹出框 唯一标识, {
top: '50%',
transform:'translateY(-50%)'
});
到了这里，关于记录一下在工作中使用 LayUI bug的问题的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
