使用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 相关文章推荐
jquery ajax 同步异步的执行示例代码
Jun 23 Javascript
jquery 实现input输入什么div图层显示什么
Jun 15 Javascript
动态加载js的方法汇总
Feb 13 Javascript
使用JavaScript判断手机浏览器是横屏还是竖屏问题
Aug 02 Javascript
微信小程序 选项卡的简单实例
May 24 Javascript
JS运动特效之链式运动分析
Jan 24 Javascript
解决vue中无法动态修改jqgrid组件 url地址的问题
Mar 01 Javascript
基于vue-cli 打包时抽离项目相关配置文件详解
Mar 07 Javascript
webpack4.0 入门实践教程
Oct 08 Javascript
发布一款npm包帮助理解npm的使用
Jan 03 Javascript
vue实现简单的日历效果
Sep 24 Javascript
vue-cli 关闭热更新操作
Sep 18 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 目录与文件处理-郑阿奇(续)
2011/07/04 PHP
PHP转换文件夹下所有文件编码的实现代码
2013/06/06 PHP
php基于session实现数据库交互的类实例
2015/08/03 PHP
win7安装php框架Yii的方法
2016/01/25 PHP
快速保存网页中所有图片的方法
2006/06/23 Javascript
计算世界完全对称日的js代码,粗糙版
2011/11/04 Javascript
js实现简单的购物车有图有代码
2014/05/26 Javascript
jQuery学习笔记之 Ajax操作篇(三) - 过程处理
2014/06/23 Javascript
Javascript基础教程之break和continue语句
2015/01/18 Javascript
纯HTML5制作围住神经猫游戏-附源码下载
2015/08/23 Javascript
javascript的正则匹配方法学习
2016/02/24 Javascript
第九章之路径分页标签与徽章组件
2016/04/25 Javascript
JS实现快速的导航下拉菜单动画效果附源码下载
2016/11/01 Javascript
jquery append与appendTo方法比较
2017/05/24 jQuery
JavaScript实现三级联动效果
2017/07/15 Javascript
BootStrap实现文件上传并带有进度条效果
2017/09/11 Javascript
Three.js加载外部模型的教程详解
2017/11/10 Javascript
详解React 的几种条件渲染以及选择
2018/10/23 Javascript
vue-cli项目使用mock数据的方法(借助express)
2019/04/15 Javascript
微信小程序人脸识别功能代码实例
2019/05/07 Javascript
Vue使用localStorage存储数据的方法
2019/05/27 Javascript
python查找指定具有相同内容文件的方法
2015/06/28 Python
Python断言assert的用法代码解析
2018/02/03 Python
Python requests发送post请求的一些疑点
2018/05/20 Python
Python3多线程基础知识点
2019/02/19 Python
Python数据类型之Dict字典实例详解
2019/05/07 Python
Python自动生成代码 使用tkinter图形化操作并生成代码框架
2019/09/18 Python
利用 Python ElementTree 生成 xml的实例
2020/03/06 Python
jupyter notebook 恢复误删单元格或者历史代码的实现
2020/04/17 Python
python 获取计算机的网卡信息
2021/02/18 Python
VC++笔试题
2014/10/13 面试题
学习党章思想汇报
2014/01/07 职场文书
2014年师德师风自我剖析材料
2014/09/27 职场文书
党的群众路线领导班子整改方案
2014/09/27 职场文书
特种设备安全管理制度
2015/08/06 职场文书
如何在C++中调用Python
2021/05/21 Python