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

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

你可能感兴趣的:(layui的父页面传数据给子页面的其中一种方法)