layer 弹层插件使用1

最新推荐文章于 2021-08-20 21:27:22 发布

原创最新推荐文章于 2021-08-20 21:27:22 发布 · 364 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#web #layer

layer-使用专栏收录该内容

2 篇文章

订阅专栏

本文介绍了Layer弹层组件的基本用法，包括如何添加带有提示文字及按钮功能的弹窗。详细展示了单按钮与多按钮弹窗的配置方法及其回调函数的应用。

layer弹层：

添加提示文字与按钮功能的：

1.单个按钮

layer.open({
          title: '云堆系统提示',
          content: msg.info,
          btn: ['添加认证信息'],
          yes: function(index, layero){
            window.location.href='extendedinfo.html';
          },
          cancel: function(){
            //右上角关闭回调
            window.location.href='extendedinfo.html';
            //return false 开启该代码可禁止点击该按钮关闭
          }
        });

2.多个按钮

layer.open({
  content: 'test'
  ,btn: ['按钮一', '按钮二', '按钮三']
  ,yes: function(index, layero){
    //按钮【按钮一】的回调
  }
  ,btn2: function(index, layero){
    //按钮【按钮二】的回调

    //return false 开启该代码可禁止点击该按钮关闭
  }
  ,btn3: function(index, layero){
    //按钮【按钮三】的回调

    //return false 开启该代码可禁止点击该按钮关闭
  }
  ,cancel: function(){ 
    //右上角关闭回调

    //return false 开启该代码可禁止点击该按钮关闭
  }
});