layui.open父页面向子页面传值
时间: 2023-07-26 13:42:43 浏览: 181
在 layui 的弹窗中,可以通过 `content` 属性传入一个 URL 地址来加载一个子页面。如果需要在父页面中向子页面传值,可以在 URL 后面添加参数的方式进行传递。
以下是一个示例代码:
父页面:
```
layui.open({
title: '子页面弹窗',
type: 2,
content: 'child.html?id=123',
area: ['500px', '300px']
});
```
在上述代码中,`content` 属性传入了一个 URL 地址 `'child.html?id=123'`,其中的 `id=123` 就是一个参数,它的值为 `123`。在子页面中可以通过 `location.search` 获取 URL 中的参数,然后进行相应的处理。以下是一个示例子页面代码:
子页面:
```
<script>
var query = location.search;
var id = query.substr(4); // 获取 id 参数的值
console.log(id);
</script>
```
在子页面中,可以通过 `location.search` 获取 URL 中的参数字符串,然后通过字符串操作的方式获取对应的参数值。在本例中,使用 `substr(4)` 获取的是 `id` 参数的值。
需要注意的是,在子页面中获取 URL 参数的方式与传统的 URL 参数获取方式略有不同。在传统的方式中,可以使用 `location.search` 获取参数字符串,然后通过解析字符串的方式获取参数值。但在 layui 的弹窗中,由于子页面是通过 iframe 加载的,因此需要使用 `location.search` 获取 iframe 中的 URL 参数。
阅读全文