我试图从wordpress端点上生成的JSON中获取一个对象。我的最初目标是在我为客户建立的vue应用中显示wordpress中自定义字段的图片。
现在我只是想测试一下我是否能获取特定的对象,然后我将继续获取特定的图片网址。
我怎样才能获取json中的 "acf "对象?
我是否应该过滤数据,只显示感兴趣的对象,在这里继续的最佳做法是什么?
我写的代码是有效的,它可以获取json。然而,我试图只获取特定的对象 "acf",在 :https://backend.rogalandtt.no/wp-json/markers/v1/post。
通过改变响应为 "res.data",它可以获取它。我的理解是添加 "res.data.acf "来获取该对象,但它的返回结果是未定义的。
<template>
<div id="app">
{{ images }}
</div>
</template>
<script>
import Vue from 'vue'
import axios from 'axios'
import VueAxios from 'vue-axios'
export default {
data: () => ({
markers: null,
id: null,
images: []
async mounted () {
axios
.get('https://backend.rogalandtt.no/wp-json/markers/v1/post')
.then(res => {
(this.images = res.data /* Adding .acf shows undefined */)
console.log(this.images)
</script>