如何设置layer弹窗

来源：互联网 2023-02-21 18:58:30 104

下面就是小编带给大家的如何设置layer弹窗方法操作，希望能够给你们带来一定的帮助，谢谢大家的观看。

如何设置layer弹窗

方法/步骤

用layer打开一个新的网页，content直接为一个网址就可以了，但是在你的项目中，ayer如何获取父界面的元素。

如何设置layer弹窗

比如我点击新增按钮，在layer框编辑后提交，是如何关闭当前layer框，额，关闭layer框很简单，但是如何关闭后根据父界面的form表单向后台发起Ajax请求，，刷新信息。即：layer子界面如何调用父界面的方法。

如何设置layer弹窗

如果你不想使用Layui，而只是想使用layer，你可以去layer独立组件官网下载组件包。你需要在你的页面引入以上的任意版本，并引入layer.js。

如何设置layer弹窗

title支持三种类型的值，若你传入的是普通的字符串，如title :'我是标题'，那么只会改变标题文本；

如何设置layer弹窗

若你还需要自定义标题区域样式，那么你可以title: ['文本', 'font-size:18px;']，数组第二项可以写任意css样式；如果你不想显示标题栏，你可以title: false。

如何设置layer弹窗

信息框模式时，btn默认是一个确认按钮，其它层类型则默认不显示，加载层和tips层则无效。当您只想自定义一个按钮时，你可以btn: '我知道了'，当你要定义两个按钮时，你可以btn: ['yes', 'no']。

如何设置layer弹窗

6相关内容未经授权抓取自百度经验

当然，你也可以定义更多按钮，比如：btn: ['按钮1', '按钮2', '按钮3', …]，按钮1的回调是yes，而从按钮2开始，则回调为btn2: function(){}，以此类推。

如何设置layer弹窗

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！