如何通过Layui表格模板实现layer父页与子页长尾词传递?

2026-04-06 13:130阅读0评论SEO资源
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计1047个文字,预计阅读时间需要5分钟。

如何通过Layui表格模板实现layer父页与子页长尾词传递?

最近在项目中使用了layer。layer的弹层组件非常好用,layer至今仍作为layui的代表作。在项目中,需要实现一个在表格中点击操作,然后弹出layer层,并将父级表格的行值传递的功能。

最近,在项目中使用到了layer。layer的弹层组件可以说是非常好用,layer 至今仍作为 layui 的代表作。在项目中,需要实现一个在表格里面点击操作,然后弹出layer层,将父层表格的行值传给子页面,子页面拿到值后,进行业务处理,从而实现真正的父子页面交互。

其实,官方文档都说的很清楚了。

layui官方文档:layer.layui.com/

使用版本:2.3.0

只是,需要我们耐心的读懂文档内容,然后根据自己的业务情况,实现自己想要的效果。

一、子页面获取父页面数据

子页面,要获取父页面的内容,需要使用到layui的一个关键字:parent。通过parent,子页面就可以获取到父页面上的数据了。

例子:从父页面的表格中,点击行的操作按钮,弹出layer层,并将该行的数据传给layer层。

阅读全文

本文共计1047个文字,预计阅读时间需要5分钟。

如何通过Layui表格模板实现layer父页与子页长尾词传递?

最近在项目中使用了layer。layer的弹层组件非常好用,layer至今仍作为layui的代表作。在项目中,需要实现一个在表格中点击操作,然后弹出layer层,并将父级表格的行值传递的功能。

最近,在项目中使用到了layer。layer的弹层组件可以说是非常好用,layer 至今仍作为 layui 的代表作。在项目中,需要实现一个在表格里面点击操作,然后弹出layer层,将父层表格的行值传给子页面,子页面拿到值后,进行业务处理,从而实现真正的父子页面交互。

其实,官方文档都说的很清楚了。

layui官方文档:layer.layui.com/

使用版本:2.3.0

只是,需要我们耐心的读懂文档内容,然后根据自己的业务情况,实现自己想要的效果。

一、子页面获取父页面数据

子页面,要获取父页面的内容,需要使用到layui的一个关键字:parent。通过parent,子页面就可以获取到父页面上的数据了。

例子:从父页面的表格中,点击行的操作按钮,弹出layer层,并将该行的数据传给layer层。

阅读全文