LayUI框架应用相关常见问题

https://layui.itze.cn/index.html LayUI框架文档主页

JavaScript获取URL参数

诸如表格中的“编辑”，“详情”工具按钮，需要在弹出层页面中获取在URL中传递的参数。

function getQueryString(name) {
    let reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
    let r = window.location.search.substr(1).match(reg);
    if (r != null) {
        return decodeURIComponent(r[2]);
    };
    return null;
 }

关闭弹出层时刷新表格数据

在layer.open()中添加回调函数：end: function()。

// 处理表格行中的“编辑”弹出层关闭回调
table.on('tool(demoTableFilter)', function (obj) {
    var data = obj.data;
    if (obj.event === 'edit') {
        var index = layer.open({
            title: '编辑',
            type: 2,
            shade: 0.2,
            maxmin:true,
            shadeClose: true,
            area: ['100%', '100%'],
            content: '../page/table/edit.html?id='+data.id, // 传递URL参数
            end: function(){
                // 关闭弹出层时刷新表格
                table.reload('demoTableId');
            }
        });
        $(window).on("resize", function () {
            layer.full(index);
        });
        return false;
    }
});

【参考】
https://blog.csdn.net/wuyichang919/article/details/85126191 layui 弹出层关闭回调
https://www.jianshu.com/p/708c915fb905 js获取url参数值的几种方式