Layui 子頁面關閉父頁面tab(在子頁面關閉有父頁面打開的tab標籤頁)

父級頁面js

layui.use(['element','layer'], function(){
        var element = layui.element; //導航的hover效果、二級菜單等功能，需要依賴element模塊
        var layer=layui.layer;
        var $ = layui.$
        var active = {
            tabAdd: function(othis){
                //新增一個Tab項
                element.tabAdd('demo', {
                    title: othis.html()
                    ,content: "" //子頁面內容
                    ,id: othis.attr('data-id')
                });
            }
            ,tabChange: function(othis){
                //切換到指定Tab項
                element.tabChange('demo', othis.attr('data-id'));
            }
            ,tabDelete: function(othis){
                //刪除指定Tab項
                element.tabDelete('demo', othis.attr('data-id'));
                othis.addClass('layui-btn-disabled');
            }

        };

       //此方法用於子頁面進行調用
        window.tabDel=function(data_id)
        {
            element.tabDelete('demo', data_id);
        }
    });

子頁面在需要執行關閉的位置加入一下js

parent.tabDel(data_id);     

關鍵點: 子頁面進行關閉時需要知道本頁面的data_id , 對應好了纔可以進行關閉 

另: demo指的是標籤頁的 lay-filter="demo"