layui 弹出层传值的使用方法

废话不说,直接上案例

父类页面中:

首先图片内的代码是 在一个layui 表格中的列监听事件中 

data就是我们要传到打开的窗口内的数据

layui 弹出层传值的使用方法_第1张图片

子类页面中:

获取的方法很简单 没错就是一句话

    function child(res, index) {
        $("#user_id").val(res.user_id);
   }

只需要写一个方法 就可以获取到了 ,res就是我们要接收的数据

index则可以根据下标来进行操作完成后 关闭当前打开的子类页面

在这 里多补充一点

1.当我在子类页面写一个点击事件 在事件内部  加入    这一句 代码 

   parent.iframe(index); 

代表  当前执行父类中的iframe方法

而此方法 需要传入一个index  指定是哪个 弹出层的下标

2.当然 了  既然都这样说了 那在父类中肯定需要这样一个方法喽

 function iframe(index){
         layer.close(index);
     }

最终 提示一下 layui的使用 有点繁琐 当我们引入layui组件后   要使用什么就要声明什么,具体的可以查看Layui官网

Layui官网地址:https://www.layui.com/

你可能感兴趣的:(前端框架)