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就是这个原因导致的
两种方式
- 子页面代码,这里注意child一定要是全局函数
function child(data) {
console.log(data)
}
- 如果是在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); //渲染表单
}
})
如果帮助到您,记得点赞!!!