如何使用layui弹窗

发布时间：2021-09-23 16:18:12 阅读：270 作者：小新栏目：开发技术

开发者测试专用服务器限时活动，0元免费领，库存有限，领完即止！点击查看>>

这篇文章主要介绍了如何使用layui弹窗，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

layui弹窗有三种类型，分别是：1、confim类型；2、open类型弹框；3、msg类型。下面为大家一一介绍一下，这些弹窗的使用方法。

1：confim类型使用方法

layui.use('layer', function(){layer.confirm('是否立即上传卷宗信息？', {    btn: ['是','否'],    time: 200000, //20s后自动关闭    },function(index){        alert("这是点击确定按钮走的回调")    layer.close(index);  },function(){     alert("这是点击取消按钮走的回调")  });})

2：open类型弹框，content参数可以是一个选择器也可以是一个路径

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类型

layer.msg('添加借阅成功', {    time: 1500, //1500ms后自动关闭  });

4：关闭弹窗

layer_close(index)关闭当前弹窗parent.layer.closeAll()关闭所有的弹窗

感谢你能够认真阅读完这篇文章，希望小编分享的“如何使用layui弹窗”这篇文章对大家有帮助，同时也希望大家多多支持亿速云，关注亿速云行业资讯频道，更多相关知识等着你来学习!

亿速云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>

向AI问一下细节

如何使用layui弹窗

猜你喜欢

最新资讯

相关推荐

开发者交流群：

相关标签