Vue 如何取多维数组中的值?

在 Google 了一圈之后,找到的问题数组都是二维的,直接循环就能取了,我这个不知道该怎么办,需要多次嵌套吗?

现在我已经通过 axios 拿到了一堆 json 数据, 如下:

https://sfault-image.b0.upaiyun.com/235/752/2357520166-5ab07217840d9_articlex
请问如何直接从 interfaces [] 开始循环,

使用v-for="item in data.interfaces" 取不到里面的 name

  <ul>
    <li v-for="item in data.interfaces" :key="item">
      {{ item.name }}
    </li>
  </ul>

axios 代码如下:

  asyncData ({ params, error }) {
    return axios
      .get(
        `https://api.steampowered.com/ISteamWebAPIUtil/GetSupportedAPIList/v1/`
      )
      .then(res => {
        return { data: util.inspect(res, { showHidden: true, depth: null }) }
      })
      .catch(e => {
        error({ statusCode: 500 })
      })
  },

谢谢解答

《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
《G01 Go 实战入门》
从零开始带你一步步开发一个 Go 博客项目,让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 Laravel。
讨论数量: 2

@zedisdog 已经解决了谢谢
axios 返回的必须要取成 res.data 才是要用的值

5年前 评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!