v-img загрузить динамические c изображения вызывают ошибку [Vuetify] Загрузка изображения не удалась

Question

В моем случае у меня есть два несвязанных компонента. Первый компонент имеет кнопку. Второй компонент имеет <v-img> элемент инфраструктуры Vuetify. Я использую версию Vuetify 2.2.4. Когда пользователь нажимает кнопку, я пропускаю некоторые параметры на EventBus. Я хочу изменить изображение во втором компоненте после этого клика. По какой-то причине в консоли я вижу эту ошибку: [Vuetify] Image load failed. eager свойство не работает. Я также изменил v-img на img. Результат тот же. Изображение не меняется. Как решить эту проблему по вашему мнению?

Первый компонент (журнал событий нажатия кнопки c):

EventBus.$emit('showLegend', {
    imageName: 'http://domain/logo.png',
    legendVisible: true
})

Второй компонент :

<template>
    <v-img
      eager
      v-if="legendVisible"
      :src="legendURL">
    </v-img>
</template>

<script>
import { EventBus } from '../../services/events.js'

export default {
  data () {
    return {
      legendURL: 'http://domain/logo.png',
      legendVisible: true
    }
  },
  created () {
    EventBus.$on('showLegend', data => {
      if (data) {
        this.legendURL = data.imageName
        this.legendVisible = data.legendVisible
      }
    })
  }
}
</script>