本文摘自PHP中文网，作者angryTom，侵删。
如果你想了解更多关于layui的知识，可以点击：layui教程
layui弹窗有三种类型，分别是：1、confim类型；2、open类型弹框；3、msg类型。下面为大家一一介绍一下，这些弹窗的使用方法。
1：confim类型使用方法
1 2 3 4 5 6 7 8 9 10 11 | layui.use('layer', function(){
layer.confirm('是否立即上传卷宗信息？', {
btn: ['是','否'],
time: 200000,
},function(index){
alert("这是点击确定按钮走的回调")
layer.close(index);
},function(){
alert("这是点击取消按钮走的回调")
});
})
|
2：open类型弹框，content参数可以是一个选择器也可以是一个路径
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 | layer.open({
type : 1,
title : "借阅时间",
area : [ '450px', '300px' ],
content : $("#borrowCase"),
btn: ['确定', '取消'],
yes: function(index){
alert("这是点击确定按钮走的回调")
},
btn2: function(){
alert("这是点击取消按钮走的回调")
},
end:function(){
alert('这是点击任一按钮都会走的回调')
}
});
layui.use('layer',function(){
var layer=layui.layer;
layer.open({
type:2,
title:'新增字段信息',
area:['450px','300px'],
content: "dictionary/addFiled?dictionaryId="+dictionaryId
})
})
|
3：msg类型
1 2 3 | layer.msg('添加借阅成功', {
time: 1500,
});
|
4：关闭弹窗
1 2 | layer_close(index)关闭当前弹窗
parent.layer.closeAll()关闭所有的弹窗
|
以上就是layui弹窗怎么用的详细内容，更多文章请关注木庄网络博客！
相关阅读 >>
layui input只读属性是什么
如何解决layui时间控件闪退问题
layui怎么固定表格的表头
layui中layer的宽高怎么自定义设置？
layui是开源的吗
怎么利用layui美化table数据表格
layui数据表格隐藏列的方法介绍
layui怎么绑定普通事件监听
layui怎么引用
layui弹出层（open）的属性介绍
更多相关阅读请进入《layui》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » layui弹窗怎么用
