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

使用 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....
阅读 2.7k
评论 2018-11-01 提问
    1 个回答
    评论 赞赏
      撰写回答

      登录后参与交流、获取后续更新提醒