Vue.js / Nuxt.js Загрузить резервное изображение на 404

Question

Я пытаюсь установить изображение по умолчанию (заполнитель изображения), если ресурс изображения не найден (404).У меня есть dict статья, которая имеет значение для ключа author_image.Так что эта строка не пуста, но она просто не может загрузить это изображение.

В моем шаблоне:

<img
 :src="article.author_image"
 alt="Author Image"
 @error="setFallbackImageUrl"
>

В моих методах:

methods: {
    setFallbackImageUrl(event) {
        console.log('Image failed to load, setting fallback.')
        event.target.src = '~/assets/icons/avatar.svg'
    }
}

Я могуВ журнале консоли я вижу, что setFallbackImageUrl вызывается, но изображение src не обновляется.Я убедился, что avatar.svg на самом деле правильно, если я просто жестко запишу код над article.author_image, который работает.

Любые предложения о том, что я могу делать неправильно?