VueJS передает данные из Ajax-запроса от родителя к потомку в качестве реквизита

Question

У меня есть родительский компонент, который использует axios для доступа к URL-адресу для получения данных.Я хочу передать эти данные дочернему компоненту, чтобы дочерний элемент использовал эти данные при рендеринге.

Например: Parent - это константа списка, а child - один контакт в списке.Я хочу, чтобы ребенок использовал реквизиты «от имени человека», переданные ему.и отображать внутри тега p.

Теперь, когда я пытаюсь сделать это: дочерний процесс отрисовывается до того, как данные попадают в родительский элемент из запроса ajax, и я получаю ошибки от дочернего компонента.Мое решение пока состоит в том, чтобы использовать SetTimeOut в смонтированной функции child.Я ищу лучшее решение и делаю лучшую практику

Спасибо, Алон

Answer 1

Я предполагаю, что вы пытаетесь использовать props, передаваемый от родителя ребенку, и ребенок выдает ошибки.

Есть несколько вещей, которые вы можете сделать

• добавить проверки в дочернем элементе, чтобы увидеть, заполнены ли реквизиты или нет
• использовать v-if в родительском элементе.Переменная, которую вы используете, изначально имеет значение false, и после получения ответа от сервера вы устанавливаете значение true.Таким образом, ребенок отображается только после того, как у вас есть ответ.