本文介绍如何在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进行传参的具体实现方式,供读者参考。