使用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 相关文章推荐
Js之软键盘实现(js源码)
Jan 30 Javascript
passwordStrength 基于jquery的密码强度检测代码使用介绍
Oct 08 Javascript
jquery 实现二级/三级/多级联动菜单的思路及代码
Apr 08 Javascript
AngularJS模块管理问题的非常规处理方法
Apr 29 Javascript
js计算时间差代码【包括计算,天,时,分,秒】
Apr 26 Javascript
jQuery EasyUI API 中文帮助文档和扩展实例
Aug 01 Javascript
JavaScript递归操作实例浅析
Oct 31 Javascript
jQuery动态生成Bootstrap表格
Nov 01 Javascript
基于jQuery实现火焰灯效果导航菜单
Jan 04 Javascript
jQuery弹出层插件popShow用法示例
Jan 23 Javascript
微信小程序开发教程之增加mixin扩展
Aug 09 Javascript
详解利用eventemitter2实现Vue组件通信
Nov 04 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中接口的应用
2015/08/12 PHP
php利用递归实现删除文件目录的方法
2016/09/23 PHP
PHP编程实现脚本异步执行的方法
2017/08/09 PHP
php 使用expat方式解析xml文件操作示例
2019/11/26 PHP
JQuery团队打造的javascript单元测试工具QUnit介绍
2010/02/26 Javascript
jQuery实现的类flash菜单效果代码
2010/05/17 Javascript
window.ActiveXObject使用说明
2010/11/08 Javascript
当达到输入长度时表单自动切换焦点
2014/04/06 Javascript
JavaScript 实现打印,打印预览,打印设置
2014/12/30 Javascript
jQuery团购倒计时特效实现方法
2015/05/07 Javascript
jquery+json实现动态商品内容展示的方法
2016/01/14 Javascript
Javascript实现前端简单的路由实例
2016/09/11 Javascript
jQuery实现删除li节点的方法
2016/12/06 Javascript
带你快速理解javascript中的事件模型
2017/08/14 Javascript
ES6 javascript中class类的get与set用法实例分析
2017/10/30 Javascript
karma+webpack搭建vue单元测试环境的方法示例
2018/05/24 Javascript
微信小程序通过保存图片分享到朋友圈功能
2018/05/24 Javascript
详解Vue取消eslint语法限制
2018/08/04 Javascript
jQuery中使用validate插件校验表单功能
2019/05/24 jQuery
vue-cli3添加模式配置多环境变量的方法
2019/06/05 Javascript
vue拖拽组件 vuedraggable API options实现盒子之间相互拖拽排序
2019/07/08 Javascript
vue柱状进度条图像的完美实现方案
2019/08/26 Javascript
小程序新版订阅消息模板消息
2019/12/31 Javascript
解决vue单页面多个组件嵌套监听浏览器窗口变化问题
2020/07/30 Javascript
如何手动实现一个 JavaScript 模块执行器
2020/10/16 Javascript
Python 文件操作实现代码
2009/10/07 Python
python实现bucket排序算法实例分析
2015/05/04 Python
Flask实现跨域请求的处理方法
2018/09/27 Python
Python读取YAML文件过程详解
2019/12/30 Python
Nginx+Uwsgi+Django 项目部署到服务器的思路详解
2020/05/08 Python
公司清洁工岗位职责
2013/12/14 职场文书
2014年幼儿园德育工作总结
2014/12/17 职场文书
与死神共舞观后感
2015/06/15 职场文书
班级管理经验交流材料
2015/11/02 职场文书
django中websocket的具体使用
2022/01/22 Python
浅谈音视频 pts dts基本概念及理解
2022/08/05 数码科技