Vue -Компонент изображения Конва не отображается без перезагрузки страницы - PullRequest
Новая
       87

Vue -Компонент изображения Конва не отображается без перезагрузки страницы

0 голосов
/ 28 мая 2020

У меня есть элемент изображения внутри моего шаблона, который ссылается на переменную изображения в data{} компонента vue. Первоначально для этого компонента установлено значение null, но позже он перезаписывается в моей функции created(). 

<v-image :config="{
            image: image
          }"/>

...

data() {
    return {
      image: null
    };
  },

Внутри моей ловушки жизненного цикла created() я запускаю следующий код: 

  created() {
    const image = new window.Image();
    image.src = "https://konvajs.org/assets/yoda.jpg";
    image.onload = () => {
      // set image only when it is loaded
      this.image = image;
    };```
  },

Моя проблема в том, что компонент фактически не отображается при первом использовании npm run dev и переходе по предоставленной ссылке localhost. Только когда я перезагружаю страницу, изображение отображается, а шаблон полностью отображается. Я подозреваю, что это как-то связано с кешированием. В чем причина этой проблемы?

...