使用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必备 api中英文对照的chm手册 下载
May 03 Javascript
JavaScript在控件上添加倒计时功能的实现代码
Jul 04 Javascript
Vue2.0父子组件传递函数的教程详解
Oct 16 Javascript
node.js 用socket实现聊天的示例代码
Oct 17 Javascript
vue router仿天猫底部导航栏功能
Oct 18 Javascript
微信小程序实现导航栏选项卡效果
Jun 19 Javascript
总结js函数相关知识点
Feb 27 Javascript
vue中手机号,邮箱正则验证以及60s发送验证码的实例
Mar 16 Javascript
JavaScript 中的12种循环遍历方法【总结】
May 31 Javascript
vue.js中proxyTable 转发请求的实现方法
Sep 20 Javascript
vue的keep-alive用法技巧
Aug 15 Javascript
Vue实现鼠标经过文字显示悬浮框效果的示例代码
Oct 14 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
基于linnux+phantomjs实现生成图片格式的网页快照
2015/04/15 PHP
PHP调用接口API封装的例子
2019/10/11 PHP
Javascript - HTML的request类
2006/07/15 Javascript
Javascript实现的分页函数
2006/12/22 Javascript
国外大牛IE版本检测!现在IE都到9了,IE检测代码
2012/01/04 Javascript
Javascript在IE和FireFox中的不同表现简析
2012/12/03 Javascript
Function.prototype.bind用法示例
2013/09/16 Javascript
js操作label给label赋值及取label的值示例
2013/11/07 Javascript
JS读取XML文件示例代码
2013/11/15 Javascript
input标签内容改变的触发事件介绍
2014/06/18 Javascript
javascript关于继承的用法汇总
2014/12/20 Javascript
javascript实现网页屏蔽Backspace事件,输入框不屏蔽
2015/07/21 Javascript
javascript发送短信验证码实现代码
2015/11/12 Javascript
轻松掌握JavaScript中的Math object数学对象
2016/05/26 Javascript
jQuery实现手机自定义弹出输入框
2016/06/13 Javascript
理解Angular的providers给Http添加默认headers
2017/07/04 Javascript
Bootstrap 模态框多次显示后台提交多次BUG的解决方法
2017/12/26 Javascript
vue2.0 如何把子组件的数据传给父组件(推荐)
2018/01/15 Javascript
jquery ajaxfileuplod 上传文件 essyui laoding 效果【防止重复上传文件】
2018/05/26 jQuery
深入理解Angularjs 脏值检测
2018/10/12 Javascript
从源码里了解vue中的nextTick的使用
2018/11/22 Javascript
layer.confirm()右边按钮实现href的例子
2019/09/27 Javascript
Python实现简单求解给定整数的质因数算法示例
2018/03/25 Python
简单实现Python爬取网络图片
2018/04/01 Python
python使用thrift教程的方法示例
2019/03/21 Python
简单易懂Pytorch实战实例VGG深度网络
2019/08/27 Python
python time.strptime格式化实例详解
2021/02/03 Python
css3 box-sizing属性使用参考指南
2013/01/08 HTML / CSS
使用phonegap检测网络状态的方法
2017/03/30 HTML / CSS
英国男女豪华配饰和礼品网站:Black.co.uk
2020/02/28 全球购物
春节联欢会策划方案
2014/05/16 职场文书
健康教育评估方案
2014/05/25 职场文书
综艺节目策划方案
2014/06/13 职场文书
爱的奉献演讲稿
2014/09/10 职场文书
毕业生就业推荐表自我鉴定
2019/06/20 职场文书
如何写好一份优秀的工作总结?
2019/06/21 职场文书