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

小鱼儿 2024-04-08 12:01 141阅读 0赞

>  **在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();