这个问题如何解决 - 专家坐堂 - Foxtable(狐表) - 新一代数据库软件，完美融合Access、Foxpro、Excel、vb.net之优势，人人都能掌握的快速软件开发工具!

Foxtable(狐表) → 用户栏目 → 专家坐堂 → 这个问题如何解决

共有2629人关注过本帖树形打印复制链接主题：这个问题如何解决

goldenfont

小大 1楼 | 信息 | 搜索 | 邮箱 | 主页 | UC

加好友

发短信

等级：小狐帖子：389 积分：3892 威望：0 精华：0 注册：2016/4/25 17:36:00

这个问题如何解决 发帖心情

Post By：2023/12/13 21:24:00 [只看该作者]

前端我想展示类似于“卡片墙”的效果，每个卡片的标题对应的是主表记录，卡片里的具体内容是从表记录（有多行），前端我用到了v-for的嵌套，外层绑定主表.rows，内层循环v-for绑定子表.rows，但是会变成同手同脚的效果，我查了资料说是v-for嵌套必须外层使用主表.rows,内层要使用主表.rows.子表记录，才能正确显示，可是这是2个表，怎么才能把从表dt里所有的记录分配给主表的正确记录啊，有大侠知道吗？

我脑子里大概的思路是说靠遍历主表，根据关联字段把从表的对应记录改造成json放到主表的某个字段里，前端获取后接着改造回来显示，问题是这样改造后的传输效率会不会慢啊？每更改一个主表记录，都需要进行一遍这样的操作才能正确显示前端，是这样操作吗？

有点蓝

小大 2楼 | 信息 | 搜索 | 邮箱 | 主页 | UC

加好友

发短信

等级：超级版主帖子：111420 积分：567176 威望：0 精华：9 注册：2015/6/24 9:21:00

Post By：2023/12/14 8:52:00 [只看该作者]

差不多这样把。比如生成类似下面的json数据

[
    {
        "主表编号": "01",
        "主表列1": "a",
        "主表列2": "b",
        "子表数据": [
            {
            "子表编号": "001",
            "子表列1": "a1",
            "子表列2": "b1"
            },
            {
            "子表编号": "002",
            "子表列1": "a2",
            "子表列2": "b2"
            }
        ]
    },
    {
        "主表编号": "02",
        "主表列1": "c",
        "主表列2": "d",
        "子表数据": [
            {
            "子表编号": "0201",
            "子表列1": "c1",
            "子表列2": "d1"
            },
            {
            "子表编号": "0202",
            "子表列1": "c2",
            "子表列2": "d2"
            }
        ]
    }
]