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