使用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 $.each的用法说明
Mar 22 Javascript
用js来定义浏览器中一个左右浮动元素相对于页面主体宽度的位置的函数
Jan 21 Javascript
动态改变div的z-index属性的简单实例
Aug 08 Javascript
JS交换变量的方法
Jan 21 Javascript
IE10中flexigrid无法显示数据的解决方法
Jul 26 Javascript
javascript实现拖放效果
Dec 16 Javascript
JavaScript 字符串常用操作小结(非常实用)
Nov 30 Javascript
使用veloticy-ui生成文字动画效果
Feb 08 Javascript
vue实现提示保存后退出的方法
Mar 15 Javascript
详解vue中在父组件点击按钮触发子组件的事件
Nov 13 Javascript
jQuery实现可以扩展的日历
Dec 01 jQuery
Vue操作Storage本地化存储
Apr 29 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
判断Keep-Alive模式的HTTP请求的结束的实现代码
2011/08/06 PHP
IE 下的只读 innerHTML
2009/08/21 Javascript
基于jquery实现图片广告轮换效果代码
2011/07/07 Javascript
script不刷新页面的联动前后代码
2013/09/18 Javascript
高效的获取当前元素是父元素的第几个子元素
2013/10/15 Javascript
document.forms[].submit()使用介绍
2014/02/19 Javascript
超棒的响应式布局jQuery插件Freetile.js
2014/11/17 Javascript
jQuery源码解读之removeAttr()方法分析
2015/02/20 Javascript
javascript解决IE6下hover问题的方法
2015/07/28 Javascript
浅谈angular.js中实现双向绑定的方法$watch $digest $apply
2015/10/14 Javascript
jquery实现模拟百分比进度条渐变效果代码
2015/10/29 Javascript
深入理解Node.js的HTTP模块
2016/10/12 Javascript
Bootstrap实现渐变顶部固定自适应导航栏
2020/08/27 Javascript
使用JavaScript触发过渡效果的方法
2017/01/19 Javascript
javascript作用域链与执行环境详解
2017/03/25 Javascript
JavaScript 中使用 Generator的方法
2017/12/29 Javascript
微信小程序如何像vue一样在动态绑定类名
2018/04/17 Javascript
JS实现table表格内针对某列内容进行即时搜索筛选功能
2018/05/11 Javascript
vue使用axios上传文件(FormData)的方法
2019/04/14 Javascript
Postman参数化实现过程及原理解析
2020/08/13 Javascript
[04:11]DOTA2亚洲邀请赛小组赛第一日 TOP10精彩集锦
2015/01/30 DOTA
python使用socket进行简单网络连接的方法
2015/04/29 Python
在Mac OS上搭建Python的开发环境
2015/12/24 Python
Python+pandas计算数据相关系数的实例
2018/07/03 Python
详解Django+Uwsgi+Nginx 实现生产环境部署
2018/11/06 Python
PyQt5重写QComboBox的鼠标点击事件方法
2019/06/25 Python
python对Excel的读取的示例代码
2020/02/14 Python
详解Python 中的 defaultdict 数据类型
2021/02/22 Python
HTML5探秘:用requestAnimationFrame优化Web动画
2018/06/03 HTML / CSS
Lookfantastic挪威官网:英国知名美妆购物网站
2017/07/26 全球购物
担保书怎么写
2014/04/01 职场文书
庆七一活动总结
2014/08/27 职场文书
任命书标准格式
2015/03/02 职场文书
环卫工作个人总结
2015/03/04 职场文书
2019年第四季度财务部门工作计划
2019/11/02 职场文书
MySQL如何使备份得数据保持一致
2022/05/02 MySQL