Vue Vuetify 的 v-img 组件中的 src 属性不能直接使用相对路径

Question

使用 Vuetify 时出现的一个问题，就是在 v-img 标签时 src 属性不能直接设置相对路径，目前吾辈找到的解决方案是使用 :src="require('相对路径')" 可以正确加载图片，吾辈想知道能否直接设置图片的相对路径而让 webpack 在打包时自动加上而非目前的手动引入。

<!-- 正常加载 -->
<v-img :src="require('../../assets/logo.png')" />
<!-- 无法加载 -->
<v-img src="../../assets/logo.png" />
<!-- 正常加载 -->
<img src="../../assets/logo.png" />

使用原生的 img 标签时就可以直接使用相对路径，但使用 v-img 组件时却不能如此？

附：vue 默认好像能把 img 标签的 src 属性编译成 require() https://vue-loader-v14.vuejs....

Answer 1

看看https://vue-loader-v14.vuejs....这个