layui跳转页面传参和取值

可以使用 layui 的 layer.open 方法来跳转页面，并且可以通过传递参数的方式来实现数据的传递。具体的代码实现可以参考以下示例：

// 跳转页面并传递参数
layer.open({
type: 2,
title: '页面标题',
content: '页面地址?param1=value1&param2=value2',
area: ['800px', '600px'],
maxmin: true
});

// 在跳转后的页面中获取参数
var param1 = getQueryString('param1');
var param2 = getQueryString('param2');

function getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]); return null;
}

注意：在跳转页面时，需要将参数拼接在页面地址的后面，并且使用 & 符号进行分隔。在获取参数时，可以使用上述的 getQueryString 方法来实现。

相关问题

layui页面跳转传参

在 layui中，可以通过两种方式实现页面跳转传参：

1. 使用URL传参

可以在跳转页面时在URL后面拼接参数，例如：

// 跳转到user.html页面，并传递参数id=123
location.href = 'user.html?id=123';

在接收参数的页面，可以通过获取URL中的参数来获取传递的值，例如：

// 获取URL中的参数
function getQueryString(name) {
  var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
  var r = window.location.search.substr(1).match(reg);
  if (r != null) return decodeURIComponent(r[2]);
  return null;
}

// 获取id参数的值
var id = getQueryString('id');

2. 使用sessionStorage传参

可以在跳转页面前，将参数存储到sessionStorage中，跳转到目标页面后再获取参数，例如：

// 存储参数到sessionStorage中
sessionStorage.setItem('id', '123');

// 跳转到user.html页面
location.href = 'user.html';

// 在user.html页面获取参数
var id = sessionStorage.getItem('id');

需要注意的是，sessionStorage中存储的数据只能在同一个浏览器窗口中共享，如果需要在不同的浏览器窗口中共享数据，可以考虑使用localStorage。

layui跳转页面

在Layui中，可以通过以下代码实现页面跳转：

1. 在HTML页面中定义一个按钮或链接，添加lay-href属性，指定跳转的页面路径：

<a href="javascript:;" lay-href="test.html">跳转到test.html</a>

2. 添加JavaScript代码，调用Layui封装的方法进行跳转：

// 获取当前iframe层的索引
var index = parent.layer.getFrameIndex(window.name);
// 关闭当前iframe层
parent.layer.close(index);
// 跳转到指定页面
parent.location.href = 'test.html';

注意：这里的parent表示父窗口，因为在Layui中通常使用iframe加载页面，所以需要通过parent来操作父窗口。