使用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 判断指定字符串是否为有效数字
May 11 Javascript
JavaScript实现三阶幻方算法谜题解答
Dec 29 Javascript
jQuery实现模仿微博下拉滚动条加载数据效果
Dec 25 Javascript
jquery实现全选和全不选功能效果的实现代码【推荐】
May 05 Javascript
Vue + Webpack + Vue-loader学习教程之功能介绍篇
Mar 14 Javascript
基于jQuery封装的分页组件
Jun 26 jQuery
详解ES6之用let声明变量以及let loop机制
Jul 15 Javascript
基于JavaScript实现简单的音频播放功能
Jan 07 Javascript
Vue 将后台传过来的带html字段的字符串转换为 HTML
Mar 29 Javascript
浅谈vux之x-input使用以及源码解读
Nov 04 Javascript
JavaScript函数式编程(Functional Programming)声明式与命令式实例分析
May 21 Javascript
vscode调试node.js的实现方法
Mar 22 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
mac下使用brew配置环境的步骤分享
2011/05/23 PHP
php实现的替换敏感字符串类实例
2014/09/22 PHP
php运行提示:Fatal error Allowed memory size内存不足的解决方法
2014/12/17 PHP
php递归调用删除数组空值元素的方法
2015/04/28 PHP
php将字符串转换为数组实例讲解
2020/05/05 PHP
jQuery源码分析-04 选择器-Sizzle-工作原理分析
2011/11/14 Javascript
js获取location.href的参数实例代码
2013/08/02 Javascript
js 获取、清空input type="file"的值示例代码
2014/02/19 Javascript
ECMAScript6中Map/WeakMap详解
2015/06/12 Javascript
测试IE浏览器对JavaScript的AngularJS的兼容性
2015/06/19 Javascript
深入浅析JavaScript中的3DES
2016/08/24 Javascript
Jquery和Js获得元素标签名称的方法总结
2016/10/08 Javascript
jquery dataTable 后台加载数据并分页实例代码
2017/06/07 jQuery
jQuery实现左右滑动的toggle方法
2018/03/03 jQuery
vue单个组件实现无限层级多选菜单功能
2018/04/10 Javascript
浅谈HTTP 缓存的那些事儿
2018/10/17 Javascript
从vue源码看props的用法
2019/01/09 Javascript
nodejs读取图片返回给浏览器显示
2019/07/25 NodeJs
vue 微信扫码登录(自定义样式)
2020/01/06 Javascript
python运行其他程序的实现方法
2017/07/14 Python
matplotlib中legend位置调整解析
2017/12/19 Python
python 用lambda函数替换for循环的方法
2018/06/09 Python
Python实现压缩文件夹与解压缩zip文件的方法
2018/09/01 Python
详解numpy的argmax的具体使用
2019/05/27 Python
python SVM 线性分类模型的实现
2019/07/19 Python
django 数据库连接模块解析及简单长连接改造方法
2019/08/29 Python
python计算二维矩形IOU实例
2020/01/18 Python
Python Handler处理器和自定义Opener原理详解
2020/03/05 Python
Perricone MD裴礼康美国官网:抗衰老护肤品
2016/09/26 全球购物
娇韵诗加拿大官网:Clarins加拿大
2017/11/20 全球购物
大学军训感言800字
2014/02/27 职场文书
2014乡镇班子个人对照检查材料思想汇报
2014/09/26 职场文书
贫困生证明范文
2015/06/16 职场文书
PHP基本语法
2021/03/31 PHP
Vue CLI中模式与环境变量的深入详解
2021/05/30 Vue.js
SSM VUE Axios详解
2021/10/05 Vue.js