使用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学习笔记(四) Number 数字类型
Jun 19 Javascript
Extjs中RowExpander控件的默认展开问题示例探讨
Jan 24 Javascript
原生javascript实现图片弹窗交互效果
Jan 12 Javascript
JS验证邮件地址格式方法小结
Dec 01 Javascript
Jquery组件easyUi实现表单验证示例
Aug 23 Javascript
什么是JavaScript中的结果值?
Oct 08 Javascript
angular4 共享服务在多个组件中数据通信的示例
Mar 30 Javascript
js实现下拉框二级联动
Dec 04 Javascript
详解Vue之父子组件传值
Apr 01 Javascript
vue-cli的build的文件夹下没有dev-server.js文件配置mock数据的方法
Apr 17 Javascript
vue-form表单验证是否为空值的实例详解
Oct 29 Javascript
基于react项目打包css引用路径错误解决方案
Oct 28 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
Discuz! Passport 通行证整合
2008/03/27 PHP
PHP设计模式 注册表模式
2012/02/05 PHP
ecshop后台编辑器替换成ueditor编辑器
2015/03/03 PHP
javascript,jquery闭包概念分析
2010/06/19 Javascript
jQuery获取文本节点之 text()/val()/html() 方法区别
2011/03/01 Javascript
javascript基础知识大全 便于大家学习,也便于我自己查看
2012/08/17 Javascript
JavaScript实现x秒后自动跳转到一个页面
2013/01/03 Javascript
推荐一个自己用的封装好的javascript插件
2015/01/29 Javascript
JS实现队列与堆栈的方法
2016/04/21 Javascript
如何使用vuejs实现更好的Form validation?
2017/04/07 Javascript
Vue2.x中的Render函数详解
2017/05/30 Javascript
理解nodejs的stream和pipe机制的原理和实现
2017/08/12 NodeJs
vue单页面实现当前页面刷新或跳转时提示保存
2018/11/02 Javascript
图解NodeJS实现登录注册功能
2019/09/16 NodeJs
js+audio实现音乐播放器
2020/09/13 Javascript
Vue过滤器,生命周期函数和vue-resource简单介绍
2021/01/12 Vue.js
详解Python3操作Mongodb简明易懂教程
2017/05/25 Python
使用python制作一个为hex文件增加版本号的脚本实例
2019/06/12 Python
Pyqt QImage 与 np array 转换方法
2019/06/27 Python
python之生产者消费者模型实现详解
2019/07/27 Python
pygame库实现移动底座弹球小游戏
2020/04/14 Python
Python图像处理二值化方法实例汇总
2020/07/24 Python
Python requests上传文件实现步骤
2020/09/15 Python
Notino意大利:购买香水和化妆品
2018/11/14 全球购物
以设计师精品品质提供快速时尚:Mostata
2019/05/10 全球购物
Fanatics法国官网:美国体育电商
2019/08/27 全球购物
牵手50香港:专为黄金岁月的单身人士而设的交友网站
2020/08/14 全球购物
写出程序把一个链表中的接点顺序倒排
2014/04/28 面试题
北京麒麟网信息技术有限公司网络游戏测试面试题
2013/09/28 面试题
平面设计自荐信
2013/10/07 职场文书
《高尔基和他的儿子》教学反思
2014/04/09 职场文书
HR求职自荐信范文
2014/06/21 职场文书
医院义诊活动总结
2014/07/04 职场文书
幸福终点站观后感
2015/06/04 职场文书
文明和谐家庭事迹材料(2016精选版)
2016/02/29 职场文书
怎样做好公众演讲能力?
2019/08/28 职场文书