使用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 相关文章推荐
JQuery 自定义CircleAnimation,Animate方法学习笔记
Jul 10 Javascript
JS图片根据鼠标滚动延时加载的实例代码
Jul 13 Javascript
JavaScript的模块化:封装(闭包),继承(原型) 介绍
Jul 22 Javascript
JavaScript实现维吉尼亚(Vigenere)密码算法实例
Nov 22 Javascript
Node.js(安装,启动,测试)
Jun 09 Javascript
javascript实现checkBox的全选,反选与赋值
Mar 12 Javascript
Bootstrap每天必学之按钮(一)
Nov 24 Javascript
Javascript中的arguments对象
Jun 20 Javascript
js图片加载效果实例代码(延迟加载+瀑布流加载)
May 12 Javascript
LayUI表格批量删除方法
Aug 15 Javascript
Angular(5.2->6.1)升级小结
Dec 27 Javascript
vue router 组件的高级应用实例代码
Apr 08 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
第二节--PHP5 的对象模型
2006/11/16 PHP
PHP伪静态写法附代码
2008/06/20 PHP
PHP递归遍历指定文件夹内的文件实现方法
2016/11/15 PHP
判断JavaScript对象是否可用的最正确方法分析
2008/10/03 Javascript
JavaScript学习笔记(十七)js 优化
2010/02/04 Javascript
JavaScript学习笔记(二) js对象
2011/10/25 Javascript
jquery Moblie入门—hello world的示例代码学习
2013/01/08 Javascript
ExtJS中文乱码之GBK格式编码解决方案及代码
2013/01/20 Javascript
js/jQuery对象互转(快速操作dom元素)
2013/02/04 Javascript
js关闭当前页面(窗口)的几种方式总结
2013/03/05 Javascript
JavaScript回调(callback)函数概念自我理解及示例
2013/07/04 Javascript
JavaScript格式化日期时间的方法和自定义格式化函数示例
2014/04/04 Javascript
javascript实现的平方米、亩、公顷单位换算小程序
2014/08/11 Javascript
jQuery实现模仿微博下拉滚动条加载数据效果
2015/12/25 Javascript
使用 jQuery.ajax 上传带文件的表单遇到的问题
2016/10/31 Javascript
常用的javascript设计模式
2017/01/11 Javascript
JS实现问卷星自动填问卷脚本并在两秒自动提交功能
2020/06/17 Javascript
JS数组交集、并集、差集的示例代码
2017/08/23 Javascript
AngularJS 事件发布机制
2018/08/28 Javascript
js实现列表按字母排序
2020/08/11 Javascript
Python实现生成简单的Makefile文件代码示例
2015/03/10 Python
Django框架中render_to_response()函数的使用方法
2015/07/16 Python
Face++ API实现手势识别系统设计
2018/11/21 Python
Mac 使用python3的matplot画图不显示的解决
2019/11/23 Python
基于python实现判断字符串是否数字算法
2020/07/10 Python
HTML5+CSS3 诱人的实例:3D立方体旋转动画实例
2016/12/30 HTML / CSS
eBay比利时购物网站:eBay.be
2019/08/09 全球购物
联强国际笔试题面试题
2013/07/10 面试题
J2ee常用的设计模式?说明工厂模式
2015/05/21 面试题
素食餐饮项目创业计划书
2014/02/02 职场文书
远程研修随笔感言
2014/02/10 职场文书
《小石潭记》教学反思
2014/02/13 职场文书
小小的船教学反思
2014/02/21 职场文书
小学校园广播稿(3篇)
2014/09/19 职场文书
农村结婚典礼主持词
2015/06/29 职场文书
大学生干部培训心得体会
2016/01/06 职场文书