layer防止重复弹出的办法

更新日期: 2019-09-22 阅读: 3.6k 标签: layer

解决 layui 弹层 layer 组件(重复弹出)同时存在多个页面层(iframe )的问题,这个问题其实是疏忽了一些 基础参数(仔细看文档,仔细看文档,仔细看文档)


一、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;'
    ,shade: 0.8
    ,id: 'LAY_layuipro' //设定一个id,防止重复弹出
});


本文内容仅供个人学习/研究/参考使用,不构成任何决策建议或专业指导。分享/转载时请标明原文来源,同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦~感谢您的理解与支持!

链接: https://fly63.com/article/detial/6090

在vue中使用layer弹框插件,实现数据交互功能

layer.js是一个小巧方便的弹出层插件,目前很多网站都在使用。最近在使用vue框架开发中引入了layer.js。由于vue不能绑定动态新创建的Dom元素,那么有什么方法可以实现新增Dom的数据绑定问题呢?

layer.open()的content属性传参数方法

在使用layer弹窗的过程,发现layer.open的属性content可传入的值是灵活多变的,不仅可以传入普通的html内容,还可以指定DOM,更可以随着type的不同而不同。

layer设置maxWidth及maxHeight解决方案

layer是一款近年来备受青睐的web弹层组件,她具备全方位的解决方案,致力于服务各水平段的开发人员,您的页面会轻松地拥有丰富友好的操作体验

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!