layuimini打开新页面/窗口/tab，点击按钮/超链接-Toy模板网

这篇具有很好参考价值的文章主要介绍了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;