axios如何从方阵中获取数据

Question

您好，我正在尝试使用 axios 和 NUXT 从 API 获取数据...我可以获取大部分数据，但不能获取“measurements”中的数据，例如 “label”...如果有人可以解释我如何进入这个平方数组来获取标签数据？会很棒的...谢谢

这是 axios 脚本：

<script>
import axios from 'axios'
 export default {
   layout: 'women',
 data() {
  return {
    results: []
  }
},
 async mounted() {
  await axios.get("#######")
.then(response => {this.results = response.data.content})
 },
}
</script>


<b-col   v-for="result in results" :key="result"  class="wmgrd">
<p>{{result.measurements.label}}</p> 
</b-col>

Answer 1

Smutje 说的是真的。您快到了。您必须遍历测量值才能访问它们。

您可以在回复中创建一个新变量，例如 measurements: []。设置this.results 后，您可以像这样循环它们：

for (let i = 0; i < this.results.measurements.length; i++) {
    this.measurements.push(this.results.measurements[i]);
}

然后您可以访问模板中的测量值并在 v-for 中使用它。

你可以做的另一种方法是在你的模板中添加另一个标签，并在这个标签上放一个 v-for。 v-for="measurement in result.measurements"。之后，您应该可以访问measurement.label。