layui的父页面传数据给子页面的其中一种方法

遇见问题不要慌,上个网或者下个楼遛一下湾就会了!

项目过程中遇到layui里父页面传数据到子页面,首先说下我的项目需求:直接上图
在下面的图中,需要点击复选框中之后把数据带上,再点按钮弹出子页面进行form表单提交

11.png

父页面code:

table.on('checkbox(test)',function (obj) {
    var checkStatus = table.checkStatus('test'); //layui获取选中的数据
    selectData = checkStatus.data.map(item => {
        return `${item.filename}/${item.name}`; 
    });
        window.names = selectData; //主要是这句
})

子页面:

var data = parent.names;  // data即可拿到父页面的selectData

还有其他方法,是在父页面写一个方法拿到数据,直接在子页面调用方法,也可以拿到数据。
如有问题望大家指出

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
禁止转载,如需转载请通过简信或评论联系作者。