Доступ к дополнительным данным

Question

Итак, я обращаюсь к внешнему API и пытаюсь отобразить эти данные

https://i.stack.imgur.com/Yop0I.png

и все было хорошо, насколько вы можете видеть

https://i.stack.imgur.com/L3hXq.png

с использованием этого кода

        <tr v-for="cv_output in cv_outputs" :key="cv_output.id">
                <td>{{ 'teste' }}</td>
                <td>{{ cv_output['id'] }}</td>
                <td>{{ cv_output['last-modified-date'] }}</td>
                <td>{{ cv_output['output-category']['value'] }}</td>
                <td>{{ cv_output['output-category']['code'] }}</td>
                <td>{{ cv_output['output-type']['value'] }}</td>
                <td>{{ cv_output['output-type']['code'] }}</td>
                <td>{{ cv_output['other-output'] }}</td>

, но как только я пытаюсь пойти дальше, например

 {{ cv_output ['other-output']['title'] }} 

, данные перестают отображаться в таблице и вконсоль я получаю следующее:

TypeError: Невозможно прочитать свойство 'title' из null

, что, я думаю, не имеет никакого смысла.Есть идеи почему?

Метод контроллера:

public function getRemoteOutputs()
{
$science = Auth::user()->science_id;

$client = new Client(['headers' => ['Accept' => 'application/json']]);

$request = $client->get(
    'https://url_to_the_api/'.$science.'/degree',
    [
        'auth'          => ['client', 'secret'],
    ]

);

$data = $request->getBody()->getContents();

return $data;
}

Answer 1

Я @Helpinghand правильно, одна из записей отсутствует other-output.

Попробуйте:

<td>
    <span v-if="cv_output['output-type']">{{ cv_output['output-type']['title'] }}</span>
    <span v-else>No Output Type Title</span>
</td>

Answer 2

Попробуйте это:

{{ cv_output ['other-output'] ? cv_output ['other-output']['title']: ''}}

Это вернет заголовок other-output->, если он существует, если нет, то он не должен возвращать ничего без ошибок.(вы можете поместить все, что вы хотите в одинарные кавычки, если вы хотите что-то вроде «недоступно» по умолчанию)