VUE: использование глобальной переменной для Imgs - PullRequest
Новая
       42

VUE: использование глобальной переменной для Imgs

0 голосов
/ 01 марта 2019
  1. Изображение сохранено в базе данных Firebase в формате JPG
  2. Изображение сохранено в глобальной переменной моего Main.js в Vue
  3. У меня есть компонент, который находится сверхумоих
  4. Я пытаюсь получить свои данные из моего Main.js и использовать их в заголовке моего клиента

Изображение моего Main.js, где загруженное изображениехранится глобально 

<b-form inline>
          <router-link to ="/profilePage" class="btn my-2 my-sm-0 dropdownTxt">
            <img :src="ClientHeaderImage" id="smallProfileImg">&nbsp;&nbsp;</router-link>
          <b-dropdown id="ddown1__BV_toggle_1234" 
                      style="font-size:1.5em;"
                      text="Profile">
            <b-dropdown-item>
              <router-link to ="/jobFeedPage" class="btn my-2 my-sm-0" dropdownTxt>Internships</router-link></b-dropdown-item>
            <b-dropdown-item>
              <router-link to ="/profilePage" class="btn my-2 my-sm-0 dropdownTxt">Profile</router-link></b-dropdown-item>
            <b-dropdown-item>
              <router-link to ="/internHomePage" class="btn my-2 my-sm-0 dropdownTxt">Search</router-link></b-dropdown-item>
            <b-dropdown-item>
              <button class="btn my-2 my-sm-0 dropdownTxt" @click="logout">Logout</button></b-dropdown-item>


 methods: {
data: function () {
  ClientHeaderImage: this.store.uploadedImage;
},

This.store.uploadedImage извлекает мое изображение Firebase из хранилища

Если вывзгляните на консоль.Вот что я вижу МОЙ КОНСОЛЬ.LOG

Может кто-нибудь, пожалуйста, помогите мне при попытке отобразить это на моем HTML-шаблон

...