Нужно пройти через 2 объекта одновременно с VUEJS

Question

Я просто хочу показать сообщения и USERINFO в одном и том же темпе, чтобы показать правильный аватар пользователя для данного сообщения

Объекты

   posts : {!! $posts !!},
   userinfo : {!! $userinfo !!}, 

Template

< v-cloak v-for="post in posts">
  <div v-bind:style="{ backgroundImage: 'url(' + post.picture + ')' }">
<a href="{{-- url("#" v-bind:style="{ backgroundImage: 'url(' + userinfo.avatar + ')' }"></a>
</div>

Не знаю, как ... в основном ...

Answer 1

Правильный способ (ИМХО) - правильно предоставить данные для шаблона, поэтому шаблон просто просматривает данные за наименьшее количество времени.

Для поддержки этого значения computed может быть самый простой способ реализации.

Вы можете создать сложный цикл, используя js в вычисленном вами значении, а затем уменьшить любую сложную логику в шаблоне. Это также может уменьшить количество необходимых визуализаций или повторных вычислений, если меняются другие части компонента или шаблона.

другие варианты - обновить data.variable, используя часы или обратный вызов API

Answer 2

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

Пользователь должен быть опорой вашего элемента, чтобы быть использованным в нем