layuimini打开新页面/窗口/tab，点击按钮/超链接

1.在页面中弹出新的Tab窗口（标签）

• 如需在页面中弹出新的Tab窗口，请参考下方代码。（备注：需要引入miniTab.js或config.js文件）
• 参数说明（layuimini-content-href：页面链接，data-title：标题）
• 调用方法进行监听：miniTab.listen();
• 示例在page/welcome-1.html页面中有

 

    <a href="javascript:;" layuimini-content-href="page/user-setting.html" data-title="基本资料" >基本资料</a>

    layui.use(['form','miniTab'], function () {
        var form = layui.form,
            layer = layui.layer,
            miniTab = layui.miniTab;

        miniTab.listen();

    });

2.在页面中弹出新的Tab窗口（JS方法）

• 如需在页面中弹出新的Tab窗口，请参考下方代码。（备注：需要引入miniTab.js文件）
• 参数说明（href：页面链接，title：标题）

  
      layui.use(['form','miniTab'], function () {
          var form = layui.form,
              layer = layui.layer,
              miniTab = layui.miniTab;
  
          // 打开新的窗口 
          miniTab.openNewTabByIframe({
              href:"page/form.html",
              title:"按钮示例",
          });
  
      });

3.在当前页打开弹出层

var index = layer.open({
    title: '课程详情',
    type: 2,
    shade: 0.2,
    maxmin: true,
    shadeClose: true,
    area: ['93%', '99.5%'],
    content: '/admin/toDetail?' + 'courseId=' + courseId,
});
$(window).on("resize", function () {
    layer.full(index);
});
return false;

4.在当前页打开新页面，覆盖原页面不跳转

location.href="/admin/toDetail";

5.我的功能需求

（1）打开新的tab

 

 （2）弹出层

最后的最后，一定要看开发手册，一定要看开发手册，一定要看开发手册，layuimini开发手册，百度了好久好久，试了很多方法，不是运行不起来，就是不是想要的效果，要么就是代码太复杂。