使用layui的router来进行传参的实现方法


Posted in Javascript onSeptember 06, 2019

如果我们需要通过链接传参的话,我们需要使用使用url+/#/参数

如下面代码我要传参id,edit/#/id=1就可以传参成功了 

$(document).on('click', '#edit', function(data) {
   var id = $(this).attr('data-id');
   var url = "edit/#/id=" + id;
   // console.log("edit/"+id);
   dialog.addOrEdit('编辑', url, '300px', '400px');
 
  });

通过router获取都传过来的参数

var router = layui.router();
var id = router.search.id;

发现有点坑就是layui官方文档没看到有对router()描述的内容,比较纳闷。

以上这篇使用layui的router来进行传参的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript 模拟JQuery的Ready方法实现并出现的问题
Dec 06 Javascript
javascript中类的定义及其方式(《javascript高级程序设计》学习笔记)
Jul 04 Javascript
js操作CheckBoxList实现全选/反选(在客服端完成)
Feb 02 Javascript
js处理json以及字符串的比较等常用操作
Sep 08 Javascript
node.js中的fs.readFileSync方法使用说明
Dec 15 Javascript
详解JavaScript函数对象
Nov 15 Javascript
理解javascript中Map代替循环
Feb 26 Javascript
javascript十六进制数字和ASCII字符之间的转换方法
Dec 27 Javascript
JS排序之快速排序详解
Apr 08 Javascript
jQuery实现获取form表单内容及绑定数据到form表单操作分析
Jul 03 jQuery
vue interceptor 使用教程实例详解
Sep 13 Javascript
JavaScript实现Tab选项卡切换
Feb 13 Javascript
layui关闭弹窗后刷新主页面和当前更改项的例子
Sep 06 #Javascript
layui关闭层级、简单监听的实例
Sep 06 #Javascript
layui表格内容溢出的解决方法
Sep 06 #Javascript
layui表格 列自动适应大小失效的解决方法
Sep 06 #Javascript
vue中 this.$set的用法详解
Sep 06 #Javascript
在layui中select更改后生效的方法
Sep 05 #Javascript
layui select 禁止点击的实现方法
Sep 05 #Javascript
You might like
解析PHP高效率写法(详解原因)
2013/06/20 PHP
js 分栏效果实现代码
2009/08/29 Javascript
理解Javascript_05_原型继承原理
2010/10/13 Javascript
一款Jquery 分页插件的改造方法(服务器端分页)
2011/07/11 Javascript
在WordPress中加入Google搜索功能的简单步骤讲解
2016/01/04 Javascript
Bootstrap实现带动画过渡的弹出框
2016/08/09 Javascript
jQuery实现的瀑布流加载效果示例
2016/09/13 Javascript
JSON与JS对象的区别与对比
2017/03/01 Javascript
基于Vue的延迟加载插件vue-view-lazy
2018/05/21 Javascript
KOA+egg.js集成kafka消息队列的示例
2018/11/09 Javascript
Vue Element校验validate的实例
2020/09/21 Javascript
Python栈类实例分析
2015/06/15 Python
详解python时间模块中的datetime模块
2016/01/13 Python
Python多进程库multiprocessing中进程池Pool类的使用详解
2017/11/24 Python
Python通过OpenCV的findContours获取轮廓并切割实例
2018/01/05 Python
python爬虫面试宝典(常见问题)
2018/03/02 Python
基于python进行桶排序与基数排序的总结
2018/05/29 Python
一篇文章了解Python中常见的序列化操作
2019/06/20 Python
使用Pandas的Series方法绘制图像教程
2019/12/04 Python
python lambda函数及三个常用的高阶函数
2020/02/05 Python
Python爬虫制作翻译程序的示例代码
2021/02/22 Python
网站性能延迟加载图像的五种技巧(小结)
2020/08/13 HTML / CSS
BRASTY捷克:购买香水、化妆品、手袋和手表
2017/07/12 全球购物
Marriott国际:万豪国际酒店查询预订
2017/09/25 全球购物
世界上最好的精品店:Shoptiques
2018/02/05 全球购物
CSMA/CD介质访问控制协议
2015/11/17 面试题
管理科学大学生求职信
2013/11/13 职场文书
通信工程专业毕业生推荐信
2013/12/25 职场文书
2014年大学生就业规划书
2014/04/04 职场文书
机关会计岗位职责
2014/04/08 职场文书
学习三严三实对照检查材料思想汇报
2014/09/22 职场文书
大学学生会辞职信
2015/05/13 职场文书
2016年乡镇七一建党节活动总结
2016/04/05 职场文书
【HBU】数据库第四周 单表查询
2021/04/05 SQL Server
python基础入门之字典和集合
2021/06/13 Python
基于Python实现nc批量转tif格式
2022/08/14 Python