layer.open多个按钮事件

最新推荐文章于 2025-12-01 11:57:27 发布

原创最新推荐文章于 2025-12-01 11:57:27 发布 · 1.3w 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#layer #js

JavaWeb笔记同时被 2 个专栏收录

41 篇文章

订阅专栏

Web前端笔记

31 篇文章

订阅专栏

本文详细介绍了Layer弹窗组件的配置选项，包括弹窗类型、尺寸、标题、内容源、按钮及其处理逻辑等，帮助开发者更好地掌握Layer的使用技巧。

layer.open({
            type: 2,
            area: [width + 'px', height + 'px'],
            fix: false,
            //不固定
            maxmin: true,
            shade: 0.3,
            title: title,
            content: url,
            btn: ['btn1','btn2', 'btn3'],
            // 弹层外区域关闭
            shadeClose: true,
            btn1: function(index, layero) {
                //点击第一个按钮处理逻辑
            },
            btn2: function(index, layero){
                //点击第二个按钮处理逻辑
            },
            //取消按钮
            btn3: function(index, layero){
                //点击第三个按钮处理逻辑
            }
        });

点击第二个按钮可能会推出弹窗，多个按钮可以在按钮处理逻辑后面添加：