Web前端_Vue框架_在一行内实现嵌套Json数据的分行展示

最新推荐文章于 2025-07-14 10:00:38 发布

原创

最新推荐文章于 2025-07-14 10:00:38 发布 · 2.8k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#web前端 #Json #javaScript

本文介绍了从安卓转到Web前端的作者如何在Vue框架下，处理嵌套Json数据，实现数据在多行中展示。通过使用v-for指令，逐层解析"data->user_list->auth_list"中的resource_key、game_names和status_name属性，成功地将这些信息在每一行清晰地显示出来。

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

刚刚开始从安卓转到Web前端，开始学习一些和前端框架相关的知识，下面是在嵌套的Json数据中分开单行显示。

得到的Json数据：

"data": {
"user_list": [
      {
        "id": 199,
        "real_name": "龙文杰",
        "auth_list": [
          {
            "resource_key": "admin2",
             "game_names": "九江",
              "status_name": "超级管理员"
          },
          {
            "resource_key": "admin2",
             "game_names":