鱼塘码农

菜鸟学习记录
鱼海无涯

layer.open父页面向子页面传参

修改一个运维后台的项目,用的是好久没接触的layui,在一个页面弹窗传参的时候不会了。最后才知道原来就是个url传参,这里记录一下
父页面打开弹窗js:

layer.open({
        type: 2,
        title: '<i class="fa fa-cog"></i>设置',
        skin: 'layui-layer-rim', //加上边框
        content: $base + "/page/chkSystemTime/auditSet.do?id="+123 //向子页面传递的参数
        scrollbar:false,
        area: ['400px', '400px'], //宽高
        btn:['确认','取消'],
        yes: function(index, layero){}//确认的js
        btn2: function(index, layero){
            layer.close(index);
        }
    });

子页面接收参数(就是接收url的参数):

function getQueryVariable(variable) //调用js传入要接受的参数名
{
       var query = window.location.search.substring(1);
       var vars = query.split("&");
       for (var i=0;i<vars.length;i++) {
               var pair = vars[i].split("=");
               if(pair[0] == variable){return pair[1];}
       }
       return(false);
}

如果要打开页面就执行的话加上下面:

<script type="text/javascript">
    window.onload = function(){
        let id = getQueryVariable(id)
    }
</script>
文章内容可能来自网络,纯为学习使用,若有侵权,请联系我删除 | 当前页面:鱼塘码农 » layer.open父页面向子页面传参

评论