使用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实现浏览器窗口大小被改变时触发事件的方法
Feb 02 Javascript
js实现Select下拉框具有输入功能的方法
Feb 06 Javascript
深入理解JavaScript系列(35):设计模式之迭代器模式详解
Mar 03 Javascript
JavaScript中定义函数的三种方法
Mar 12 Javascript
Bootstrap轮播插件简单使用方法介绍
Jun 21 Javascript
JavaScript SHA512加密算法详细代码
Oct 06 Javascript
JS实现的走迷宫小游戏完整实例
Jul 19 Javascript
Vue网页html转换PDF(最低兼容ie10)的思路详解
Aug 24 Javascript
Node.JS使用Sequelize操作MySQL的示例代码
Oct 09 Javascript
原生JavaScript实现todolist功能
Mar 02 Javascript
浅谈在vue中使用mint-ui swipe遇到的问题
Sep 27 Javascript
Vue中的nextTick作用和几个简单的使用场景
Jan 25 Vue.js
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
mysql 字段类型说明
2007/04/27 PHP
PHP实现微信小程序用户授权的工具类示例
2019/03/05 PHP
Javascript 定时器调用传递参数的方法
2009/11/12 Javascript
javascript json 新手入门文档
2009/12/03 Javascript
jQuery写的日历(包括日历的样式及功能)
2013/04/23 Javascript
jquery select 设置默认选中的示例代码
2014/02/07 Javascript
javascript复制粘贴与clipboardData的使用
2014/10/16 Javascript
基于jquery实现省市联动效果
2015/11/23 Javascript
JavaScript原生对象常用方法总结(推荐)
2016/05/13 Javascript
Js获取图片原始宽高的实现代码
2016/05/17 Javascript
vue 将页面公用的头部组件化的方法
2017/12/18 Javascript
详解js创建对象的几种方法及继承
2019/04/12 Javascript
JS数组Reduce方法功能与用法实例详解
2020/04/29 Javascript
解决VantUI popup 弹窗不弹出或无蒙层的问题
2020/11/03 Javascript
Python编程实现微信企业号文本消息推送功能示例
2017/08/21 Python
Python中的四种交换数值的方法解析
2019/11/18 Python
Pytorch中实现只导入部分模型参数的方式
2020/01/02 Python
python GUI库图形界面开发之PyQt5信号与槽的高级使用技巧装饰器信号与槽详细使用方法与实例
2020/03/06 Python
Python如何绘制日历图和热力图
2020/08/07 Python
Python wordcloud库安装方法总结
2020/12/31 Python
python解包用法详解
2021/02/17 Python
CSS3中border-radius属性设定圆角的使用技巧
2016/05/10 HTML / CSS
德国箱包网上商店:koffer24.de
2016/07/27 全球购物
《花的勇气》教后反思
2014/02/12 职场文书
高中军训感言800字
2014/03/05 职场文书
法律进机关实施方案
2014/03/12 职场文书
空乘英文求职信
2014/04/13 职场文书
2014年销售员工作总结
2014/12/01 职场文书
监护人证明
2015/06/19 职场文书
董事长助理工作总结2015
2015/07/23 职场文书
毕业生的自我鉴定表范文
2019/05/16 职场文书
2019最新校园运动会广播稿!
2019/06/28 职场文书
2019职场单身人才调研报告:互联网行业单身比例最高
2019/08/07 职场文书
Ajax常用封装库——Axios的使用
2021/05/08 Javascript
Python基础教程,Python入门教程(超详细)
2021/06/24 Python
Apache Hudi集成Spark SQL操作hide表
2022/03/31 Servers