vue资产图片未加载

Question

src / assets / profile.jpg

<v-img src="../assets/profile.png" aspect-ratio="2.75"></v-img>

未加载

我不工作。是什么原因？

顺便

如果指定img标签src，将输出图像。

Answer 1

首先，您必须将图像路径绑定到src属性，然后将路径包装在require('@/assets/profile.jpg')中，以使Webpack知道这是一个依赖项。

因此，如注释中所述，将您的代码更改为：<v-img :src="require('@/assets/profile.jpg')" aspect-ratio="2.75" ></v-img>

Answer 2

这对我有用...

<template>
      <img :src=logo>
</template>

<script>
export default {
    data: () => ({
        logo: require('@/assets/profile.png')
    })
}
</script>