【问题标题】:Vuetify v-img doesn't load image with absolute pathVuetify v-img 不使用绝对路径加载图像
【发布时间】:2020-01-11 01:59:05
【问题描述】:

问题很简单:我想在 vuetify 中显示带有 v-img 标签的绝对路径的图像,但它没有显示。

我已经尝试过使用 :src="require('path/to/img')" 执行此操作,但随后出现错误提示“未找到此依赖项”

<v-img src="src/assets/project_atv_logo.jpg"
            class="mb-4"
            contain
            height="128"
          ></v-img>

该文件存储在 src/assets 文件夹下。 如果重要的话,我正在使用 mac 电脑。

【问题讨论】:

    标签: html vue.js vuetify.js


    【解决方案1】:

    尝试使用

    <v-img :src="require('@/assets/project_atv_logo.jpg')"
                class="mb-4"
                contain
                height="128"
              ></v-img>
    

    【讨论】:

    • 未找到此依赖项:* @src/assets/project_atv_logo.jpg in ./node_modules/cache-loader/dist/cjs.js?{"cacheDirector y":"node_modules/.cache/ vue-loader","cacheIdentifier":"24ddd4d4-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vuetify- l 加载器/lib/loader.js!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-load er/lib??vue-loader-options!. /src/components/HelloWorld.vue?vue&type=template&id=469af010& 要安装它,你可以运行: npm install --save @src/assets/project_atv_logo.jpg
    猜你喜欢
    • 2019-07-31
    • 2018-12-28
    • 2020-04-01
    • 2020-05-03
    • 2014-06-23
    • 1970-01-01
    • 1970-01-01
    • 2012-01-10
    • 1970-01-01
    相关资源
    最近更新 更多