Vue CLI Quesar插件q图像未显示图像

Question

我在我的Vue中使用类星体作为插件。我在使用q-image组件时遇到麻烦。当我使用<img src="../../statics/infocom.png">时，代码和图像显示正常，但是当我在其上使用

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

图片未显示

Answer 1

只有在相对路径正确的情况下，它才能正常工作。

或尝试：

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