現(xiàn)在我已經(jīng)通過 axios 拿到了一堆 json 數(shù)據(jù),如下

請問如何直接從 interfaces [] 開始循環(huán),
使用 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 })
      })
  },

完整代碼:

<template>
  <ul>
    <li v-for="item in data.interface" :key="item">
      {{ item.name }}
    </li>
  </ul>
</template>
<script>
import axios from 'axios'
const util = require('util')
export default {
  data: () => ({
    title: '',
    data: this.data
  }),
  asyncData ({ params, error }) {
    return axios.get(`https://bird.ioliu.cn/v1?url=https://api.steampowered.com/ISteamWebAPIUtil/GetSupportedAPIList/v1/`)
      .then((res) => {
        return { data: util.inspect(res, { showHidden: true, depth: null }) }
      })
      .catch((e) => {
        error({ statusCode: 500 })
      })
  },
  head () {
    return {
      title: this.title
    }
  }
}
</script>

JSON 地址: https://api.steampowered.com/...

console 打印出來 data 的結果