Как проверить загружается ли изображение?

Question

[Mark220]

Здравствуйте. Не получается сделать, чтобы не добавлялся first, если ссылка на изображение не рабочая и возвращает ошибку. Пробовал делать в computed, но то же не работает.

<a class="piece"
           v-for="(piece, i) in news" :key="piece.id"
           :class="{first: i===0 && checkImageLoad}"
        >

methods:{
         checkImageLoad() {
            const s = this.news[0].image
            return new Promise((resolve) => {
             const img = new Image();
             img.src = s;

             img.onload = () => {
               resolve(false);
             };

             img.onerror = () => {
               resolve(false);
             };
          });
 }
}

Answer 1

[0xD34F]

Назначайте класс в зависимости от значения свойства, которое будет устанавливаться в обработчиках событий load и error. Например.

Comments

[Mark220]

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