layer.open的mvc使用+小知识点汇总——js基础积累
创始人
2024-11-14 07:36:38

使用场景:父页面往子页面传递数据,子页面操作后关闭弹窗,刷新父页面。

父页面

let list = [{id:1,name:'张三'}]; $('#parentElement').val(JSON.stringify(list)); layer.open({     type: 2,     title: '生成客供订单',     area: ['1000px', '550px'],//宽高     content: `/BomArea/BomOrder/BomTypeConfirm`,//子页面的路径 }); 

首先父页面往子页面传递数据,可以通过在父页面添加
的形式来存储数据,因为此时我这边是一个对象数组,因此需要通过JSON.stringify()后存储到元素中。
$('#parentElement').val(JSON.stringify(list));

子页面接收

var parentWindow = window.parent; // 使用parentWindow访问父页面的元素 var parentElement = parentWindow.document.getElementById('parentElement'); this.dataSource = JSON.parse(parentElement.value); console.log(this.dataSource); 

由于我是用的cdn引入的vue,则此时可以写到mounted生命周期函数中。

子页面关闭

var index = parent.layer.getFrameIndex(window.name); // 获取当前弹框的索引 parent.layer.close(index); // 关闭当前弹框 

子页面关闭并刷新父页面

var index = parent.layer.getFrameIndex(window.name); // 获取当前弹框的索引 parent.layer.close(index); // 关闭当前弹框 window.parent.location.reload() 

echarts饼图设置label字体颜色与饼图颜色跟随

echarts 饼图 文字label与饼图颜色跟随 可以设置color:'inherit' 继承

echarts柱状图设置barBorderRadius不生效

echarts版本的问题,一般5版本及以后的都支持设置柱状图圆角

echarts 柱状图 多列柱状图设置间距——barGap

barGap可以设置数字也可以是百分数,百分之一百就是柱子宽度的间距了

相关内容

热门资讯

裸辞做“一人公司”,我后悔了 去年这个时候,一位以色列程序员正在东南亚旅行。他顺手把一个在脑子里转了很久的想法做成了产品,一个让任...
南京建成国内首个Pre-6G试... 4月21日,2026全球6G技术与产业生态大会在南京开幕。全息互动技术展台前,一名远在北京的工作人员...
超梵求职受邀参加“2025抖音... 超梵求职受邀参加“2025抖音巨量引擎成人教育行业生态大会”,探讨分享优质内容传播,服务万千学员。 ...
摩托罗拉Razr 2026(R... IT之家 4 月 22 日消息,摩托罗拉宣布新一代 Razr 折叠手机将于 4 月 29 日在美国发...
库克卸任,特纳斯领航:苹果新纪... 苹果首席执行官蒂姆·库克将卸任,硬件工程主管约翰·特纳斯将接任,苹果公司今天宣布此事。 库克将在夏季...