layer重复弹出(layui弹层同时存在多个)的解决方法

解决layui弹出层点击多次弹出问题

这个问题其实是疏忽了一些 基础参数(仔细看文档,仔细看文档,仔细看文档)

一、type - 基本层类型
类型:Number,默认:0
layer提供了5种层类型。可传入的值有:0(信息框,默认)1(页面层)2(iframe层)3(加载层)4(tips层)。 若你采用layer.open({type: 1}) 方式调用,则 type为必填项(信息框除外)

二、id - 用于控制弹层唯一标识
类型:String,默认:空字符
设置该值后,不管是什么类型的层,都只允许同时弹出一个。一般用于页面层和 iframe 层模式

当 layer 弹层同时出现多个时,设置一个 ID 即可解决此问题。

示例:

layer.open({
    
    
    type: 1
    ,title: false //不显示标题栏
    ,closeBtn: false
    ,area: '300px;'
    ,content : "url"
    ,shade: 0.8
    ,id: 'LAY_layuipro' //设定一个id,防止重复弹出
});

此内容转载自:
作者:dongsir
原文链接:https://www.cnblogs.com/sirdong/archive/2019/10/23/11728160.html

猜你喜欢

转载自blog.csdn.net/Mr_TXQ/article/details/107833439