Layui父级页面向子页面传值,对象

Layui父级页面向子页面传值

Layui父页面往子页面传值,网上的方法也挺多,个人感觉这个还是比较便捷的

  • 父页面代码
	var index = layer.open({
    
    
         type: 2,
         title: '编辑用户',
         content: '/userUpdate',
         area: ['100%', '100%'],
         success: function(layero, index){
    
    
	         var iframe = window['layui-layer-iframe'+index];
	         //调用子页面的全局函数
	         iframe.child(需要往子页面传的值)
         }
   	});

以上代码相信大家的都可以看的懂,这里主要是success里的代码.好多人出错就出错在第二步.child是你的子页面的全局函数,一定不要忘记.好多人都出现iframe.child is not a function就是这个原因导致的

两种方式

  1. 子页面代码,这里注意child一定要是全局函数
function child(data) {
    
    
    console.log(data)
}
  1. 如果是在layui.use()里可以这样写
layui.use(['form', 'laydate', 'element'], function (obj) {
    
    
      var form = layui.form, element = layui.element 

      window.child= function(e) {
    
    
        let obj = JSON.parse(JSON.stringify(e.data))  //接收一个对象,不转form.val()无法渲染
        form.val('layui-detail',obj);      //渲染表单
      }
      
})

如果帮助到您,记得点赞!!!

猜你喜欢

转载自blog.csdn.net/weixin_45449504/article/details/119818219