jeecg-boot中popup实现动态传参

最新推荐文章于 2025-04-12 09:24:10 发布

原创

最新推荐文章于 2025-04-12 09:24:10 发布 · 5.3k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#js #javascript #vue

本文介绍了如何在Jeecg-boot V2.4.0框架下，利用popup控件实现动态传参功能。通过配置online报表获取特定main_id的`project_personnel_information`表数据，并详细说明了配置过程，包括路由设置。虽然存在子组件报错问题，但不影响使用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jeecg-boot中popup实现动态传参

环境：
功能实现：
后话：

环境：

最近任务是基于jeecg-boot框架的，用的是jeecg-boot V2.4.0版。

功能实现：

有表“project_personnel_information”，需要从该表中根据指定的main_id过滤数据，并通过popup控件选取，需完成以下3步：

在online报表配置中进行配置，得到需要的数据列，具体配置如下图：

此处注意点击sql解析，解析通过才行。
代码如下：

<template>
  <a-form :form="form" keep-source>
    <a-form-item label="v-model模式指定一个值返回至当前组件" style="width: 300px">
      <j-popup
        v-model="selectValue"
        code="projectPersonEmilInfo"
        org-fields="name,mailbox"
        dest-fields="popup,other"
        field="popup"
        :param="param1"
        />
      {
   {
    s