Layui问题集

本文来源项目实践

1、表单select 的display是none,无法显示数据

官网解释：如下

layui.use('form', function(){
//只有执行了这一步，部分表单元素才会自动修饰成功
var form = layui.form;
//但是，如果你的HTML是动态生成的，自动渲染就会失效
//因此你需要在相应的地方，执行下述方法来进行渲染
form.render();
});

2、动态渲染无法加载 

官方解释：

<div class="layui-form" lay-filter="test1">
</div>
<div class="layui-form" lay-filter="test2">
</div>

//更新 lay-filter="test1" 所在容器内的全部表单状态
form.render(null, 'test1');
//更新 lay-filter="test2" 所在容器内的全部 select 状态
form.render('select', 'test2');

官网传送门

3、常用元素操作 - layui.element 不起作用

layui.use('element', function(){
var element = layui.element;
//一些事件监听
element.on('tab(demo)', function(data){
console.log(data);
});
});

4、页面滚动条失效 

原因：height: 100%;   这个宽度需要设置，否则会出现无法滚动的情况

<div style="overflow-y: scroll;height: 100%;">
</div>

///******持续更新中******// 

5、声明

1、以上通过本人测试与调试，是在项目中实践的方法，经过论证，可以实现，如有问题，请留言，谢谢你的阅读！

2、转载请标注来源，感谢你的阅读！

最后

以上就是酷酷小甜瓜为你收集整理的Layui问题集Layui问题集的全部内容，希望文章能够帮你解决Layui问题集Layui问题集所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。