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

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

作者: wandx | 来源:发表于2019-10-23 10:10 被阅读0次

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

项目过程中遇到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的父页面传数据给子页面的其中一种方法

      本文链接:https://www.haomeiwen.com/subject/equhvctx.html