首页 > 其他 > 详细

layui框架的使用-挖坑

时间:2020-03-17 09:08:53      阅读:65      评论:0      收藏:0      [点我收藏+]

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 .....

大致意思上是没有加载到容器。改成异步就可以了。

 

layui框架的使用-挖坑

原文:https://www.cnblogs.com/Arthur123/p/12508010.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!