解决在 layui 中 lay-href 无法在data table 中响应相应的点击事件的解决方案

解决在 layui 中 lay-href 无法在data table 中响应相应的点击事件的解决方案，终于解决困扰多时的问题。

直接上代码。

<script type="text/html" id="user-bar">
    <button  class="pear-btn pear-btn-primary pear-btn-sm" lay-event="show"><i class="pear-icon pear-icon-edit"></i>
    </button>         
</script>

  layui.use(['table','form', 'jquery','popup','common'], function () 


   let cols = [
            [
                {title: '月份', field: 'PMONTH', align: 'center', width: 110 ,templet:'#typeBar'},
                {title: '操作', toolbar: '#user-bar', align: 'center', width: 130}
            ]
        ]


table.on('tool(user-table)', function (obj) {
            if (obj.event === 'remove') {
                window.remove(obj);
            } 
            else if (obj.event === 'show') {
                window.show(obj);
            }

     });

以下为用于响应的打开TAB页面

       window.show = function (obj) {            
            // let href =  $(this).attr;
            // 新TAB打开DATAtable的链接
            console.log(obj)
            // 用lay-event 可以控制调用show
            purl='/index/item/avaible?pmonth='+obj.data['PMONTH']
            top.layui.tab.addTabOnlyByElem("content",{id:"A"+obj.data['PMONTH'],title:"可用商品池"+obj.data['PMONTH'],url:purl,close:"允许关闭"});
  

问题 : 如何在子页面打开新的 Tab 标签页 ?

回答 : top.layui.tab.addTabOnlyByElem("content",{id:"标识",title:"标题",url:"路径",close:"允许关闭"})

问题 : 如何在顶级页面打开的新的 Tab 标签页 ?

回答 : layui.tab.addTabOnlyByElem("content",{id:"标识",title:"标题",url:"路径",close:"允许关闭"})

问题 : 如何在子页面关闭当前 Tab 标签页 ?

回答 : top.tab.delCurrentTabByElem("content",callback())

问题 : 如何在顶级页面关闭当前 Tab 标签页 ?

回答 : layui.tab.delCurrentTabByElem("content",callback())