使用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 - HTML的request类
Jul 15 Javascript
JS实现侧悬浮浮动实例代码
Nov 29 Javascript
js运动动画的八个知识点
Mar 12 Javascript
JavaScript实现数组在指定位置插入若干元素的方法
Apr 06 Javascript
为jQuery-easyui的tab组件添加右键菜单功能的简单实例
Oct 10 Javascript
阿里大于短信验证码node koa2的实现代码(最新)
Sep 07 Javascript
JavaScript异步加载问题总结
Feb 17 Javascript
JavaScript实现学生在线做题计时器功能
Dec 05 Javascript
ES6 let和const定义变量与常量的应用实例分析
Jun 27 Javascript
150行Node.js实现的dns代理工具
Aug 02 Javascript
学习 Vue.js 遇到的那些坑
Feb 02 Vue.js
微信小程序实现点赞业务
Feb 10 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 has encountered an Access Violation 错误的解决方法
2010/01/17 PHP
php feof用来识别文件末尾字符的方法
2010/08/01 PHP
实用的简单PHP分页集合包括使用方法
2013/10/21 PHP
Yii实现多数据库主从读写分离的方法
2014/12/29 PHP
PHP错误Warning:mysql_query()解决方法
2015/10/24 PHP
thinkphp表单上传文件并将文件路径保存到数据库中
2016/07/28 PHP
PHP实现的最大正向匹配算法示例
2017/12/19 PHP
Javascript实现返回上一页面并刷新的小例子
2013/12/11 Javascript
JS实现两个大数(整数)相乘
2014/04/28 Javascript
使用JavaScript实现连续滚动字幕效果的方法
2015/07/07 Javascript
js中substr,substring,indexOf,lastIndexOf,split,replace的用法详解
2015/11/09 Javascript
Select下拉框模糊查询功能实现代码
2016/07/22 Javascript
AngularJS Ajax详解及示例代码
2016/08/17 Javascript
jQuery电话号码验证实例
2017/01/05 Javascript
jQury Ajax使用Token验证身份实例代码
2017/09/22 Javascript
Node.js利用断言模块assert进行单元测试的方法
2017/09/28 Javascript
vue checkbox 全选 数据的绑定及获取和计算方法
2018/02/09 Javascript
vue-router中的hash和history两种模式的区别
2018/07/17 Javascript
解决layui追加或者动态修改的表单元素“没效果”的问题
2019/09/18 Javascript
[01:02:25]2014 DOTA2华西杯精英邀请赛5 24 NewBee VS VG
2014/05/25 DOTA
Python连接mssql数据库编码问题解决方法
2015/01/01 Python
Django入门使用示例
2017/12/12 Python
详解Python传入参数的几种方法
2019/05/16 Python
Pytorch使用MNIST数据集实现CGAN和生成指定的数字方式
2020/01/10 Python
pycharm运行程序时看不到任何结果显示的解决
2020/02/21 Python
Python接口测试数据库封装实现原理
2020/05/09 Python
解决Keras的自定义lambda层去reshape张量时model保存出错问题
2020/07/01 Python
大数据分析用java还是Python
2020/07/06 Python
python 实现波浪滤镜特效
2020/12/02 Python
世界第一冲浪品牌:O’Neill
2016/08/30 全球购物
宝拉珍选澳大利亚官方购物网站:Paula’s Choice澳大利亚
2016/09/13 全球购物
美国领先的低折扣旅行网站:Hotwire
2019/01/19 全球购物
自荐信要包含哪些内容
2013/11/06 职场文书
电厂职工自我鉴定
2014/02/20 职场文书
php中配置文件保存修改操作 如config.php文件的读取修改等操作
2021/05/12 PHP
对讲机的最大通讯距离是多少
2022/02/18 无线电