使用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事件串连执行多个处理过程的方法
Mar 09 Javascript
封装了一个js图片轮换效果的函数
Sep 28 Javascript
基于jQuery实现图片的前进与后退功能
Apr 24 Javascript
Jquery的hover方法让鼠标经过li时背景变色
Sep 06 Javascript
jquery如何判断某元素是否具备指定的样式
Nov 05 Javascript
JQuery Ajax 异步操作之动态添加节点功能
May 24 jQuery
Vue 将后台传过来的带html字段的字符串转换为 HTML
Mar 29 Javascript
React 组件间的通信示例
Jun 14 Javascript
Vue-router 中hash模式和history模式的区别
Jul 24 Javascript
vue项目中引入Sass实例方法
Aug 27 Javascript
vue中的 $slot 获取插槽的节点实例
Nov 12 Javascript
nuxt 路由、过渡特效、中间件的实现代码
Nov 06 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使用CURL_MULTI实现多线程采集的例子
2014/07/29 PHP
php简单判断两个字符串是否相等的方法
2015/07/13 PHP
分享PHP-pcntl 实现多进程代码
2016/09/30 PHP
PHP面向对象程序设计之对象生成方法详解
2016/12/02 PHP
PHP开发中解决并发问题的几种实现方法分析
2017/11/13 PHP
javascript最常用与实用的创建类的代码
2010/08/12 Javascript
单独使用CKFinder选择图片的方法
2010/08/21 Javascript
jquery中prop()方法和attr()方法的区别浅析
2013/09/06 Javascript
JQuery文本改变触发事件如聚焦事件、失焦事件
2014/01/15 Javascript
js查找某元素中的所有图片地址的方法
2014/01/16 Javascript
seajs中模块的解析规则详解和模块使用总结
2014/03/12 Javascript
JavaScript 事件对象介绍
2015/04/13 Javascript
js代码实现无缝滚动(文字和图片)
2015/08/20 Javascript
jQuery网页右侧广告跟随滚动代码分享
2020/04/20 Javascript
微信小程序 使用picker封装省市区三级联动实例代码
2016/10/28 Javascript
浅析JavaScript中var that=this
2017/02/17 Javascript
基于nodejs res.end和res.send的区别
2018/05/14 NodeJs
最简单的JS实现json转csv的方法
2019/01/10 Javascript
基于vue+axios+lrz.js微信端图片压缩上传方法
2019/06/25 Javascript
js实现鼠标滑动到某个div禁止滚动
2020/09/17 Javascript
浅谈终端直接执行py文件,不需要python命令
2017/01/23 Python
python实现多人聊天室
2020/03/31 Python
python实现批处理文件
2020/07/28 Python
基于logstash实现日志文件同步elasticsearch
2020/08/06 Python
移动端html5 meta标签的神奇功效
2016/01/06 HTML / CSS
如何提高JDBC的性能
2013/04/30 面试题
简述数据库的设计过程
2015/06/22 面试题
计算机专业推荐信范文
2013/11/27 职场文书
外贸业务员工作职责
2014/01/06 职场文书
物流仓储计划书
2014/01/10 职场文书
房地产项目建议书
2014/03/12 职场文书
学习经验交流会主持词
2014/04/01 职场文书
慰问信模板
2015/02/14 职场文书
redis哨兵常用命令和监控示例详解
2021/05/27 Redis
vue-cropper插件实现图片截取上传组件封装
2021/05/27 Vue.js
iOS 16进一步确认,一共支持16款iPhone
2022/04/28 数码科技