layui这个框架给我的感觉就是搭配jq、js的。不怎么适合跟vue结合。
参照官方文档:https://www.layui.com/doc/
(1) tab可以使用过滤,在同个页面多处使用
用法如下:通过data返回的小标来加载数据。
(2)form表单(官方给规定:注意:如果不加载form模块,select、checkbox、radio等将无法显示,并且无法使用form相关功能)。
//加载表单。
layui.use('form', function(){ var form = layui.form; form.render(); });
这里在tab中会出现初始化时,值没有赋值到一些form模块上。解决办法:
在获取初始化值的时候,追加:
setTimeout(() => { // 刷新表单 var form = layui.form; form.render(); }, 500);
采用异步加载,给予一定时间缓冲。
这里调用百度地图api时也会出现这个问题:
报错:gc .....
大致意思上是没有加载到容器。改成异步就可以了。