Layui路由传参与参数获取实战指南

作者:键盘侠

时间:2026-10-23

浏览:483

本文介绍如何在Layui框架中利用router实现页面传参与参数获取。通过构造包含/#/的URL路径传递参数,并利用layui.router().search对象提取具体参数值。尽管官方文档对router描述较少,但该方法是实现页面间数据交互的有效手段。

文章目录

Layui路由传参实现

若需通过链接传递参数,应结合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进行传参的具体实现方式,供读者参考。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章