使用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 相关文章推荐
js css后面所带参数含义介绍
Aug 18 Javascript
JavaScript中检测变量是否存在遇到的一些问题
Nov 11 Javascript
jQuery对html元素取值与赋值的方法
Nov 20 Javascript
Highcharts使用简例及异步动态读取数据
Dec 30 Javascript
基于JavaScript实现熔岩灯效果导航菜单
Jan 04 Javascript
angular分页指令操作
Jan 09 Javascript
JavaScript实现反转字符串的方法详解
Apr 27 Javascript
使用vue脚手架(vue-cli)搭建一个项目详解
May 09 Javascript
前端天气插件tpwidget使用方法详解
Jun 24 Javascript
使用Vue-Awesome-Swiper实现旋转叠加轮播效果&平移轮播效果
Aug 16 Javascript
Vue.extend 登录注册模态框的实现
Dec 29 Vue.js
vue el-table实现递归嵌套的示例代码
Aug 14 Vue.js
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
apache+php+mysql安装配置方法小结
2010/08/01 PHP
php中模拟POST传递数据的两种方法分享
2011/09/16 PHP
深入PHP autoload机制的详解
2013/06/09 PHP
PHP闭包实例解析
2014/09/08 PHP
PHP中判断文件存在使用is_file还是file_exists?
2015/04/03 PHP
PHP简单读取xml文件的方法示例
2017/04/20 PHP
PHP基于递归实现的约瑟夫环算法示例
2017/08/27 PHP
php取出数组单个值的方法
2018/03/12 PHP
PHP时间函数使用详解
2019/03/21 PHP
用JS操作FRAME中的IFRAME及其内容的实现代码
2008/07/26 Javascript
javascript权威指南 学习笔记之null和undefined
2011/09/25 Javascript
javascript基础知识大全 便于大家学习,也便于我自己查看
2012/08/17 Javascript
jQuery中dequeue()方法用法实例
2014/12/29 Javascript
JavaScript中的方法调用详细介绍
2014/12/30 Javascript
jQuery拖拽排序插件制作拖拽排序效果(附源码下载)
2016/02/23 Javascript
JS简单实现表格排序功能示例
2016/12/20 Javascript
详解Vue.js组件可复用性的混合(mixin)方式和自定义指令
2017/09/06 Javascript
十个免费的web前端开发工具详细整理
2017/09/18 Javascript
深入理解React高阶组件
2017/09/28 Javascript
vue+iview+less 实现换肤功能
2018/08/17 Javascript
详解VUE单页应用骨架屏方案
2019/01/17 Javascript
微信小程序组件传值图示过程详解
2019/07/31 Javascript
探究一道价值25k的蚂蚁金服异步串行面试题
2020/08/21 Javascript
[00:36]DOTA2上海特级锦标赛 Alliance战队宣传片
2016/03/04 DOTA
Python中fnmatch模块的使用详情
2018/11/30 Python
详解Python给照片换底色(蓝底换红底)
2019/03/22 Python
python flask搭建web应用教程
2019/11/19 Python
Python 利用OpenCV给照片换底色的示例代码
2020/08/03 Python
全球性的在线鞋类品牌:Public Desire
2019/04/03 全球购物
你对IPv6了解程度
2016/02/09 面试题
趣味运动会策划方案
2014/06/02 职场文书
班主任2015新年寄语
2014/12/08 职场文书
2015年售后服务工作总结
2015/04/25 职场文书
离婚被告答辩状
2015/05/22 职场文书
优化经济发展环境工作总结
2015/08/11 职场文书
vue backtop组件的实现完整代码
2021/04/07 Vue.js