Layui问题集

Layui问题集

本文来源项目实践

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

官网解释：如下

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

2、动态渲染无法加载 

官方解释：

 

//更新 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%;   这个宽度需要设置，否则会出现无法滚动的情况

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

5、声明

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

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