本文摘自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导出表格全部数据
layui的模块是什么意思？
layui日期控件使用（实例）
layui前端遇到的难点集合（附代码）
layui框架的好处
layui框架使用收费吗
layui表格反转的一个简单实现方式
layui中如何获取表格数据
layui框架的table字段筛选功能介绍
详解layui单选按钮不能正常显示及解决办法
更多相关阅读请进入《layui》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » layui弹窗怎么用
