【Layui】子页面向父级页面传递参数

简介: 【Layui】子页面向父级页面传递参数

author:咔咔

wechat:fangkangfk

案例:

底层是父级页面,上边是子页面,子页面需要将选择的ID传递给父级页面

image.png


首先需要在父级页面写open打开子页面

content是子页面地址

image.png

var type_id;
    layui.use(['laypage', 'layer','form'], function() {
        var laypage = layui.laypage
            , layer = layui.layer,
            form = layui.form;
        form.on('select(type_mid)', function(data){
            type_id = data.value;
        })
    });
    function show_layer(){
        layer.open({
            type: 2,
            area: [1000+'px', 1000+'px'],
            fix: false, //不固定
            maxmin: true,
            shadeClose: true,
            shade:0.4,
            title: '扩展分类',
            content: 'type?type_id='+type_id,  //url 为子布局的url路径
            success:function (layero,index) {
               console.log('我是咔咔')
            }
        });
    }


屏幕快照 2022-05-12 下午10.59.28.png屏幕快照 2022-05-12 下午10.59.40.png屏幕快照 2022-05-12 下午10.59.49.png

相关文章
|
JavaScript
Layui 弹层组件 - 基础参数3
Layui 弹层组件 - 基础参数3
75 0
|
7月前
|
测试技术
【sgLazyCascader】自定义组件:基于el-cascader的懒加载级联菜单,支持异步加载子级菜单
【sgLazyCascader】自定义组件:基于el-cascader的懒加载级联菜单,支持异步加载子级菜单
|
JavaScript
iframe子页面获取父页面元素,或父页面获取iframe子页面的元素
iframe子页面获取父页面元素,或父页面获取iframe子页面的元素
173 0
|
7月前
|
JavaScript 前端开发
js中父子元素如何传值
js中父子元素如何传值
72 0
|
JavaScript 定位技术
vue父页面给iframe子页面传值
vue父页面给iframe子页面传值
186 0
|
JavaScript
vue使用iframe 子页面调用父页面的方法
vue使用iframe 子页面调用父页面的方法
141 0
a标签 href和onclick 传递的this区别
a标签 href和onclick 传递的this区别
Layui 弹层组件 - 基础参数2
Layui 弹层组件 - 基础参数2
68 0
|
JavaScript
Layui 弹层组件 - 基础参数4
Layui 弹层组件 - 基础参数4
76 0
|
JavaScript 索引
Layui 弹层组件 - 基础参数5
Layui 弹层组件 - 基础参数5
197 0