Как показывать иконку загрузки в теле загружаемого в цикле сообщения, vue.js?

Question

[Zubastik_1]

Вывожу массив ссообщений

<ul  v-for="item in messages">
    ...
        {{ item.message }}
    ...
</ul>

Вот такой примерно сам массив

{
  "status": "",
  "messages": [
    {
      "user": "Nikolay",
      "message": "hello"
    },
    {
      "user": "Petr",
      "message": "hi"
    }
  ]
}

Вопрос. Данные получаю аяксом с задержкой 2 секунды примерно. Иконка загрузки работает, но я хотел бы так: "message": "loader" а через 2 секунды "message": "hi"
Попробовал пушить data до аякс запроса и после, но получается два отдельных сообщения. оно и понятно - 2 итерации. Как бы это совместить? Хочется показывать иконку загрузки в самой обёртке сообщения.

Answer 1

[0xD34F]

Ссылку на добавляемый объект запоминаете, после получения ответа обновляете в нём данные. Примерно так (вместо аякса setTimeout, но, думаю, принцип понятен).