layer.open组件获取弹出层页面变量、函数的实例


Posted in Javascript onSeptember 25, 2019

最近做项目遇到个问题

layer.open组件获取弹出层页面变量、函数的实例

使用layer.open组件弹出层,需要将该弹出层抽取城单独的公共页面,因此需要在主页面获取弹出层页面的相关变量或者函数值。

记录下解决办法。

先来看layer.open函数

layer.open组件获取弹出层页面变量、函数的实例

再来看弹出层URL对应的页面关键代码

将表单序列化成JS对象的函数是自己封装的一个JS函数,这里就不细说了,也可以自己手动定义个JS对象,自己给该对象添加属性

layer.open组件获取弹出层页面变量、函数的实例

最后来看主页面调用方式

layer.open组件获取弹出层页面变量、函数的实例

layer.open组件获取弹出层页面变量、函数的实例

打印回调函数接收的变量可以看到,获取到弹出层内用户操作的相关数据。

最后,其实关键点就在于获取ifream中指定变量或者函数的这个方法

$(layero).find("iframe")[0].contentWindow.formData();

完毕!

以上这篇layer.open组件获取弹出层页面变量、函数的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
将string解析为json的几种方式小结
Nov 11 Javascript
Jquery.LazyLoad.js修正版下载,实现图片延迟加载插件
Mar 12 Javascript
浏览器解析js生成的html出现样式问题的解决方法
Apr 16 Javascript
javascript工厂模式和构造函数模式创建对象方法解析
Dec 30 Javascript
JavaScript实现鼠标点击导航栏变色特效
Feb 08 Javascript
VSCode 配置React Native开发环境的方法
Dec 27 Javascript
Angular @HostBinding()和@HostListener()用法
Mar 05 Javascript
红黑树的插入详解及Javascript实现方法示例
Mar 26 Javascript
使用layui日期控件laydate对开始和结束时间进行联动控制的方法
Sep 06 Javascript
vue组件内部引入外部js文件的方法
Jan 18 Javascript
Vue.js仿Select下拉框效果
Feb 18 Javascript
vue组件添加事件@click.native操作
Oct 30 Javascript
jquery中attr、prop、data区别与用法分析
Sep 25 #jQuery
axios实现文件上传并获取进度
Mar 25 #Javascript
Layer+Echarts构建弹出层折线图的方法
Sep 25 #Javascript
axios实现简单文件上传功能
Sep 25 #Javascript
layer弹出层取消遮罩的方法
Sep 25 #Javascript
QML实现圆环颜色选择器
Sep 25 #Javascript
解决layer 关闭当前弹窗 关闭遮罩层 input值获取不到的问题
Sep 25 #Javascript
You might like
PHP中的integer类型使用分析
2010/07/27 PHP
WordPress中获取所使用的模板的页面ID的简单方法
2015/12/31 PHP
php学习笔记之mb_strstr的基本使用
2018/02/03 PHP
改变状态栏文字的js代码
2014/06/13 Javascript
JavaScript中的公有、私有、特权和静态成员用法分析
2014/11/20 Javascript
jQuery实现模拟marquee标签效果
2015/07/14 Javascript
超赞的jQuery图片滑块动画特效代码汇总
2016/01/25 Javascript
基于javascript实现按圆形排列DIV元素(一)
2016/12/02 Javascript
JavaScript实现隐藏省略文字效果的方法
2017/04/27 Javascript
详解如何在vue中使用sass
2017/06/21 Javascript
vue.js 上传图片实例代码
2017/06/22 Javascript
vue 添加vux的代码讲解
2017/11/30 Javascript
vue2.0 computed 计算list循环后累加值的实例
2018/03/07 Javascript
Layui给数据表格动态添加一行并跳转到添加行所在页的方法
2018/08/20 Javascript
详解nodejs解压版安装和配置(带有搭建前端项目脚手架)
2018/12/06 NodeJs
vue-cli3 项目从搭建优化到docker部署的方法
2019/01/28 Javascript
JQuery获取可视区尺寸和文档尺寸及制作悬浮菜单示例
2019/05/14 jQuery
javascript实现函数柯里化与反柯里化过程解析
2019/10/08 Javascript
node.js中process进程的概念和child_process子进程模块的使用方法示例
2020/02/11 Javascript
JavaScript实现公告栏上下滚动效果
2020/03/13 Javascript
[02:34]DOTA2英雄基础教程 幽鬼
2014/01/02 DOTA
[06:53]2018DOTA2国际邀请赛寻真——勇于创新的Vici Gaming
2018/08/14 DOTA
python编写网页爬虫脚本并实现APScheduler调度
2014/07/28 Python
Python高阶函数、常用内置函数用法实例分析
2019/12/26 Python
python+opencv3生成一个自定义纯色图教程
2020/02/19 Python
python如何删除列为空的行
2020/07/17 Python
Python基于Serializer实现字段验证及序列化
2020/11/04 Python
文明家庭先进事迹材
2014/01/27 职场文书
《商鞅南门立木》教学反思
2014/02/16 职场文书
保险内勤岗位职责
2014/04/05 职场文书
小学校园文化建设汇报材料
2014/08/19 职场文书
党员年终个人总结
2015/02/14 职场文书
导游词之京东大峡谷旅游区
2019/10/29 职场文书
详解Python魔法方法之描述符类
2021/05/26 Python
只用40行Python代码就能写出pdf转word小工具
2021/05/31 Python
vue ref如何获取子组件属性值
2022/03/31 Vue.js