使用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实现自定义对话框的代码
Jun 15 Javascript
仅IE6/7/8中innerHTML返回值忽略英文空格的问题
Apr 07 Javascript
JavaScript控制table某列不显示的方法
Mar 16 Javascript
javascript表单控件实例讲解
Sep 13 Javascript
微信小程序tabBar用法实例详解
Dec 04 Javascript
基于 Vue.js 2.0 酷炫自适应背景视频登录页面实现方式
Jan 17 Javascript
jQuery实现的两种简单弹窗效果示例
Apr 18 jQuery
详解React之父子组件传递和其它一些要点
Jun 25 Javascript
在Vuex使用dispatch和commit来调用mutations的区别详解
Sep 18 Javascript
Vue-Cli 3.0 中配置高德地图的两种方式
Jun 19 Javascript
基于layui轮播图满屏是高度自适应的解决方法
Sep 16 Javascript
JavaScript数值类型知识汇总
Nov 17 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
PHP操作MySQL事务实例
2014/11/05 PHP
PHP版本常用的排序算法汇总
2015/12/20 PHP
Zend Framework创建自己的动作助手详解
2016/03/05 PHP
PHP封装的PDO数据库操作类实例
2017/06/21 PHP
php 多个变量指向同一个引用($b = &$a)用法分析
2019/11/13 PHP
JS 字符串连接[性能比较]
2009/05/10 Javascript
jquery实现微博文字输入框 输入时显示输入字数 效果实现
2013/07/12 Javascript
jquery easyui滚动条部分设置介绍
2013/09/12 Javascript
javascript 获取元素样式必杀技
2014/05/04 Javascript
JQuery动画与特效实例分析
2015/02/02 Javascript
JavaScript中的标签语句用法分析
2015/02/10 Javascript
jQuery选择器源码解读(五):tokenize的解析过程
2015/03/31 Javascript
JavaScript setTimeout使用闭包功能实现定时打印数值
2015/12/18 Javascript
JQuery+EasyUI轻松实现步骤条效果
2016/02/22 Javascript
Immutable 在 JavaScript 中的应用
2016/05/02 Javascript
javascript 数组的正态分布排序的问题
2016/07/31 Javascript
JavaScript获取服务器时间的方法详解
2016/12/11 Javascript
jQuery实现字符串全部替换的方法【推荐】
2017/03/09 Javascript
JS简单封装的图片无缝滚动效果示例【测试可用】
2017/03/22 Javascript
PHP自动加载autoload和命名空间的应用小结
2017/12/01 Javascript
express如何使用session与cookie的方法
2018/01/30 Javascript
微信小程序实现多选功能
2018/11/04 Javascript
vue cli使用融云实现聊天功能的实例代码
2019/04/19 Javascript
js实现直播点击飘心效果
2020/08/19 Javascript
[20:21]《一刀刀一天》第十六期:TI国际邀请赛正式打响,总奖金超过550万
2014/05/23 DOTA
Python 变量类型及命名规则介绍
2013/06/08 Python
跟老齐学Python之编写类之三子类
2014/10/11 Python
python图像处理之反色实现方法
2015/05/30 Python
浅谈python中截取字符函数strip,lstrip,rstrip
2015/07/17 Python
使用Python打造一款间谍程序的流程分析
2020/02/21 Python
django之从html页面表单获取输入的数据实例
2020/03/16 Python
Django实现前台上传并显示图片功能
2020/05/29 Python
Scrapy基于scrapy_redis实现分布式爬虫部署的示例
2020/09/29 Python
python实现图片,视频人脸识别(dlib版)
2020/11/18 Python
总经理职责范文
2013/11/08 职场文书
SQL Server中的游标介绍
2022/05/20 SQL Server