【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();