【LayUI】中常见的问题及解决办法

简介: 【LayUI】中常见的问题及解决办法

在Layui中我写了个项目,有兴趣的可以下载资源去看看,里面的东西我就不多透露了,有兴趣的可以看看,下面是我咋些项目当中遇到的问题以及解决办法,大家可以借鉴借鉴


附录一:Not allowed to load local resource: 报错解决方法

原因:

出现这样的错一般为直接引用项目外的资源(图片,视频),不允许直接访问我们就需要配置一个虚拟路径来访问系统中的资源。

解决方案:(tomcat容器方式)

1.打开tomcat服务界面 在下面选择Modules  然后选择Add Web Module

2.选择Browse 选择你的资源目录,然后填写path  假如选择的为d盘  d盘下有一张a.png 那么你再写<img src="/image/a.png">即可

具体图片操作请参考images目录下的《如何引用项目外的资源(tomcat容器方式)》


附录二:layui中layer select下拉框被遮挡问题

.layui-layer-page .layui-layer-content {  overflow: visible !important;}


附录三:layui之数据表格操作栏(toolbar)设置

参考地址:http://layui.org.cn/doc/modules/table.html#toolbar


附录四:layui之表单快速赋值取值

参考地址:http://layui.org.cn/doc/modules/form.html#val

1)取值

var data=form.val('book');

 //获取表单区域所有值


2)赋值

注意:官方推荐的方式在这里存在问题,请使用以下方式!

//因为layui.each内部的逻辑问题导致的所以要先深拷贝一份然后再去val

//parent.row:表格行对象

form.val('book',$.extend({}, parent.row||{}));


附录五:layui之dialog对话框如何关闭窗口及调用父页面的方法

//先得到当前iframe层的索引

var index = parent.layer.getFrameIndex(window.name);

//再执行关闭

parent.layer.close(index);

//调用父窗口中方法

parent.querySeckillGoods();

//关闭所有

layer.closeAll();
相关文章
layui实现登录加载loading的解决方案
layui实现登录加载loading的解决方案
326 0
|
JavaScript
【layui】图片查看器
【layui】图片查看器
416 0
【layui】图片查看器
|
Web App开发
layui阻止文件上传
layui阻止文件上传
505 0
|
7月前
|
前端开发
elementui的el-dialog组件与el-tabs同时用导致浏览器卡死的原因解决
elementui的el-dialog组件与el-tabs同时用导致浏览器卡死的原因解决
156 0
|
XML 前端开发 JavaScript
LayUI系列(一)之layui介绍以及登录功能的实现
LayUI系列(一)之layui介绍以及登录功能的实现
|
安全 前端开发 PHP
layui框架实战案例(21):layui上传的哪些事(layui.upload组件、 file文件域、php后台上传)
layui框架实战案例(21):layui上传的哪些事(layui.upload组件、 file文件域、php后台上传)
1274 0
|
前端开发 JavaScript Java
|
前端开发 JavaScript
layui和bootstrap同时使用,会冲突吗?
layui和bootstrap同时使用,会冲突吗?
985 0