Layui子页面触发父页面方法跳转页面并添加tab列

Layui子页面触发父页面方法跳转页面并添加tab列

---

子页面调动父页面方法

提示：

parent.AddTab(链接，ID，标题);   // 该方法名在页面的layui.config外面

父页面实现Layui添加tab方法

注意事项

//url 跳转链接 
// ID  页面layID   
//title  页面标题
function AddTab(url, ID, title) {
//ok-tab tab列外的lay-filter="ok-tab"
    element.tabAdd('ok-tab', {
        title: title
        , content: '<iframe width="100%" height="100%" frameborder="no" border="0" marginwidth="0" marginheight="0" src="' + url+'"></iframe>' //支持传入html
        , id: ID
    });
    element.tabChange('ok-tab', ID); 
}

这样调用父页面方法element不可以写在layui框架内

var element;

element需要声明在框架外

//
var element;
var $;
layui.use(["element"], function () {
    element = layui.element;
    $ = layui.jquery;
    }）

---

希望对你有所帮助