Layui問題集

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、轉載請標註來源，感謝你的閱讀！