VUE:对图使用全局变量

时间:2019-02-28 23:34:19

标签: javascript vue.js vue-component vue-router vuetify.js

  1. 图像以JPG格式保存在Firebase数据中
  2. 保存在Vue中Main.js全局变量中的图像
  3. 我的组件中有一个组件
  4. 我正在尝试从Main.js中提取数据并将其用于Client标头

Picture of my Main.js where the uploaded image is stored globally

<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图像

如果您查看控制台。这就是我所看到的 MY CONSOLE.LOG

有人可以帮助我尝试将其显示在我的HTML模板上

0 个答案:

没有答案