在Layui的表格模板中,实现layer父页面和子页面传值交互的方法-创新互联

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

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

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

使用版本：2.3.0

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

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

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

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

  

  

  
角色ID
  
角色名称
  
角色描述
  
创建时间
  
更新时间
  
操作