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 })
      })
  },

谢谢解答

《L04 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
《L02 从零构建论坛系统》
以构建论坛项目 LaraBBS 为线索,展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。
讨论数量: 2

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

5年前 评论

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