Vue CLI quesar 插件 q-image 不显示图像答案

【问题标题】：Vue CLI quesar plugin q-image not showing imageVue CLI quesar 插件 q-image 不显示图像
【发布时间】：2019-10-14 02:18:01
【问题描述】：

我在我的 vue 中使用 quasar 作为插件。我在使用 q-image 组件时遇到问题。当我使用<img src="../../statics/infocom.png"> 时，代码和图像显示正常，但是当我使用它时

<q-img
    :src="'../../statics/infocom.png'"
    spinner-color="white"
    style="height: 140px; max-width: 150px"
    />

图片不显示

【问题讨论】：

没用过quasar 但是好像不使用自动导入功能的话，需要在quasar.conf.js中手动声明QImg 可能是你漏掉了这一步？请参阅：quasar.dev/vue-components/img#Installation
@GuillaumeMeral naa 当我引用静态图像路径时它工作正常。但是当它被绑定时它不起作用

【解决方案1】：

当且仅当您的相对路径正确时，它才能正常工作。

或者试试：

  <q-img
    :src="require('../statics/infocom.png')"
    spinner-color="white"
    style="height: 140px; max-width: 150px"
    />

【讨论】：