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>