使用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 相关文章推荐
不间断滚动JS打包类,基本可以实现所有的滚动效果,太强了
Dec 08 Javascript
分享几个超级震憾的图片特效
Jan 08 Javascript
checkbox设置复选框的只读效果不让用户勾选
Aug 12 Javascript
javascript解析json实例详解
Nov 05 Javascript
基于javascript实现仿百度输入框自动匹配功能
Jan 03 Javascript
简单实现Vue的observer和watcher
Dec 21 Javascript
angularjs实现简单的购物车功能
Sep 21 Javascript
animate.css在vue项目中的使用教程
Aug 05 Javascript
深入理解基于vue-cli的webpack打包优化实践及探索
Oct 14 Javascript
JavaScript cookie原理及使用实例
May 08 Javascript
解决vue2中使用elementUi打包报错的问题
Sep 22 Javascript
jQuery冲突问题解决方法
Jan 19 jQuery
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学习之数组的定义和填充
2011/04/17 PHP
PHP strstr 函数判断字符串是否否存在的实例代码
2013/09/28 PHP
yiic命令时提示“php.exe”不是内部或外部命令的解决方法
2014/12/18 PHP
php图像处理类实例
2015/07/28 PHP
Symfony2安装第三方Bundles实例详解
2016/02/04 PHP
yii2超好用的日期组件和时间组件
2016/05/05 PHP
Zend Framework入门应用实例详解
2016/12/11 PHP
JavaScript面象对象设计
2008/04/28 Javascript
ExtJS GTGrid 简单用户管理
2009/07/01 Javascript
jQuery父级以及同级元素查找介绍
2013/09/04 Javascript
jquery五角星评分插件示例分享
2014/02/21 Javascript
jquery判断单选按钮radio是否选中的方法
2015/05/05 Javascript
Node.js+Express配置入门教程
2016/05/19 Javascript
ES6新特征数字、数组、字符串
2016/10/01 Javascript
jQuery插件echarts实现的去掉X轴、Y轴和网格线效果示例【附demo源码下载】
2017/03/04 Javascript
javascript 中的try catch应用总结
2017/04/01 Javascript
详解vue中引入stylus及报错解决方法
2017/09/22 Javascript
vue点击input弹出带搜索键盘并监听该元素的方法
2018/08/25 Javascript
JavaScript实现的级联算法示例【省市二级联动功能】
2018/12/25 Javascript
微信小程序实现渐入渐出动画效果
2019/06/13 Javascript
[12:36]《DOTA2》国服注册与激活指南全攻略
2013/04/28 DOTA
[00:21]DOTA2亚洲邀请赛 Logo演绎
2015/02/07 DOTA
Python cookbook(数据结构与算法)找出序列中出现次数最多的元素算法示例
2018/03/15 Python
python3实现随机数
2018/06/25 Python
Python Web框架之Django框架cookie和session用法分析
2019/08/16 Python
Python实现一个简单的递归下降分析器
2020/08/01 Python
CSS3 函数技巧 用css 实现js实现的事情(clac Counters Tooltip)
2017/08/15 HTML / CSS
美体小铺美国官网:The Body Shop美国
2017/11/10 全球购物
Zavvi荷兰:英国大型音像制品和图书游戏零售商
2018/03/22 全球购物
波兰在线运动商店:YesSport
2020/07/23 全球购物
介绍一下你对SOA的认识
2016/04/24 面试题
2014乡镇“三八”国际劳动妇女节活动总结
2014/03/01 职场文书
2014初中数学教研组工作总结
2014/12/19 职场文书
十佳少年事迹材料
2014/12/25 职场文书
检讨书怎么写
2015/01/23 职场文书
于丹讲座视频观后感
2015/06/15 职场文书