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"