layui 动态增加折叠面板后重载/刷新/更新渲染

element.render('collapse');

官方说明：https://www.layui.com/doc/modules/element.html#render

element.render('collapse');

 

表单元素语法：

form.render('checkbox');

 

更新渲染

跟表单元素一样，很多时候你的页面元素可能是动态生成的，这时element的相关功能将不会对其有效，你必须手工执行 element.init(type, filter)方法即可。注意：2.1.6 开始，可以用 element.render(type, filter); 方法替代

第一个参数：type，为表单的type类型，可选。默认对全部类型的表单进行一次更新。可局部刷新的type如下表：

参数（type）值	描述
tab	重新对tab选项卡进行初始化渲染
nav	重新对导航进行渲染
breadcrumb	重新对面包屑进行渲染
progress	重新对进度条进行渲染
collapse	重新对折叠面板进行渲染

例子layui.code

1. element.init(); //更新全部 2.1.6 可用 element.render() 方法替代
2. element.render('nav'); //重新对导航进行渲染。注：layui 2.1.6 版本新增
3. //……
4.  

第二个参数：filter，为元素的 lay-filter="" 的值。你可以借助该参数，完成指定元素的局部更新。

codelayui.code

1. 【HTML】
2. <div class="layui-nav" lay-filter="test1">
3. …
4. </div>
5.  
6. <div class="layui-nav" lay-filter="test2">
7. …
8. </div>
9.  
10. 【JavaScript】
11. //比如当你对导航动态插入了二级菜单，这时你需要重新去对它进行渲染
12. element.render('nav', 'test1'); //对 lay-filter="test1" 所在导航重新渲染。注：layui 2.1.6 版本新增
13. //……
14.