共7 条记录, 每页显示 10 条, 页签: [1]

标题：这个问题如何解决

1楼

goldenfont 发表于：2023/12/13 21:24:00

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

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

2楼

有点蓝 发表于：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"
            }
        ]
    }
]

3楼

goldenfont 发表于：2023/12/14 13:41:00

嗯，这个意思我知道了，我是想问，在什么事件中把主表和子表的table记录转换成上面这个的格式，（例如afterload）？

那这样的操作思路，遍历主表记录，根据每个主表记录查到对应的子表记录，转换成json放入主表的children键中，这样的效率如何啊？

4楼

有点蓝 发表于：2023/12/14 13:49:00

如果是做网页开发，和表事件，窗口事件什么的都没有任何关系。到httprequest事件处理。也只能是遍历生成

5楼

goldenfont 发表于：2023/12/14 13:52:00

或者一句话来问这个问题：如何从主从的平面数据表构建成一个带有嵌套记录的JSON文件？

6楼

有点蓝 发表于：2023/12/14 14:03:00

就是上面的操作思路，遍历主表记录，根据每个主表记录查到对应的子表记录，转换成json放入主表的children键中

7楼

goldenfont 发表于：2023/12/14 14:24:00

好的，我研究一下，谢谢

共7 条记录, 每页显示 10 条, 页签: [1]