使用layer模态框给新页面传值的方法


Posted in Javascript onSeptember 27, 2019

昨天用hui后台模板的时候用到模态框传值给另一个新页面

模板是这么写的 没办法给新页面传值,于是百度了一下,总结

function zhuyuan(title,url,id,w,h,type){
  layer.open({
    title:'添加分类',
    type: 2,
    area: ['700px', '530px'],
    fix: false, //不固定
    maxmin: true,
    content: '{:url("yuyue/huayan")}?type=3',
    success:function(layero,index){
    },
    end:function(){
      var handle_status = $("#handle_status").val();
      if ( handle_status == '1' ) {
        layer.msg('添加成功!',{
          icon: 1,
          time: 2000 //2秒关闭(如果不配置,默认是3秒)
        },function(){
          history.go(0);
        });
      } else if ( handle_status == '2' ) {
        layer.msg('添加失败!',{
          icon: 2,
          time: 2000 //2秒关闭(如果不配置,默认是3秒)
        },function(){
          history.go(0);
        });
      }
    }
  });
 }

里面的content就是跳转的路径 可以用“?参数=***”传值

以上这篇使用layer模态框给新页面传值的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
张孝祥JavaScript学习阶段性总结(2)--(X)HTML学习
Feb 03 Javascript
Javascript remove 自定义数组删除方法
Oct 20 Javascript
Javascript string 扩展库代码
Apr 09 Javascript
HTML DOM的nodeType值介绍
Mar 31 Javascript
JS阻止用户多次提交示例代码
Mar 26 Javascript
node.js中格式化数字增加千位符的几种方法
Jul 03 Javascript
获取今天,昨天,本周,上周,本月,上月时间(实例分享)
Jan 04 Javascript
详解使用angular的HttpClient搭配rxjs
Sep 01 Javascript
JS实现统计字符串中字符出现个数及最大个数功能示例
Jun 04 Javascript
vue filters的使用详解
Jun 11 Javascript
小程序自动化测试的示例代码
Aug 11 Javascript
vue 单页应用和多页应用的优劣
Oct 22 Javascript
JavaScript实现随机五位数验证码
Sep 27 #Javascript
layer弹出层倒计时关闭的实现方法
Sep 27 #Javascript
layer.alert自定义关闭回调事件的方法
Sep 27 #Javascript
简单了解微信小程序 e.target与e.currentTarget的不同
Sep 27 #Javascript
ligerUI的ligerDialog关闭刷新的方法
Sep 27 #Javascript
微信小程序 冒泡事件原理解析
Sep 27 #Javascript
JavaScript实现背景自动切换小案例
Sep 27 #Javascript
You might like
php输出金字塔的2种实现方法
2014/12/16 PHP
PHP简单读取PDF页数的实现方法
2016/07/21 PHP
phpcms的分类名称和类别名称的调用
2017/01/05 PHP
输入密码检测大写是否锁定js实现代码
2012/12/03 Javascript
jquery实现html页面 div 假分页有原理有代码
2014/09/06 Javascript
Javascript实现Array和String互转换的方法
2015/12/21 Javascript
jquery获取select选中值的方法分析
2015/12/22 Javascript
简单讲解jQuery中的子元素过滤选择器
2016/04/18 Javascript
Bootstrap中的Dropdown下拉菜单更改为悬停(hover)触发
2016/08/31 Javascript
JS表格组件BootstrapTable行内编辑解决方案x-editable
2016/09/01 Javascript
详解JS几种变量交换方式以及性能分析对比
2016/11/25 Javascript
JS求解三元一次方程组值的方法
2017/01/03 Javascript
随机生成10个不重复的0-100的数字(实例讲解)
2017/08/16 Javascript
layui 选择列表,打勾,点击确定返回数据的例子
2019/09/02 Javascript
vue cli3.0打包上线静态资源找不到路径的解决操作
2020/08/03 Javascript
TypeScript 运行时类型检查补充工具
2020/09/28 Javascript
使用Vant完成DatetimePicker 日期的选择器操作
2020/11/12 Javascript
讲解Python中运算符使用时的优先级
2015/05/14 Python
Python读取键盘输入的2种方法
2015/06/16 Python
基于Python_脚本CGI、特点、应用、开发环境(详解)
2017/05/23 Python
Python字典实现简单的三级菜单(实例讲解)
2017/07/31 Python
使用python 爬虫抓站的一些技巧总结
2018/01/10 Python
windows下python 3.6.4安装配置图文教程
2018/08/21 Python
Python DataFrame.groupby()聚合函数,分组级运算
2018/09/18 Python
pygame游戏之旅 添加碰撞效果的方法
2018/11/20 Python
Python数据集切分实例
2018/12/08 Python
Python实现的ftp服务器功能详解【附源码下载】
2019/06/26 Python
python issubclass 和 isinstance函数
2019/07/25 Python
你需要学会的8个Python列表技巧
2020/06/24 Python
EMPHASIS艾斐诗官网:周生生旗下原创精品珠宝品牌
2020/12/17 全球购物
冰淇淋开店创业计划书
2014/02/01 职场文书
服务标语口号
2014/07/01 职场文书
群众路线教育实践活动调研报告
2014/11/03 职场文书
2014幼儿园卫生保健工作总结
2014/12/05 职场文书
幼儿园园长新年寄语
2015/08/17 职场文书
解决vue自定义组件@click点击失效问题
2022/04/30 Vue.js