Vue CLI + 静态资产 + 指令

Question

我按照这里的指南：

所以在 assets 文件夹中我有 img\pic.jpg。我可以使用正常的 html 和 css:

调用该图像

<img src="~@/assets/img/pic.jpg">

<style scoped>
.app {
  background: url(~@/assets/img/pic.jpg);
}
</style>

但是对于指令（如果术语错误请纠正我），我试过了，当然失败了。你能帮忙吗？

<img :src="'~@/assets/'+user.profilepic">

//Note:  user.profilepic = "img/pic.jpg"

Answer 1

你能试试吗

<img :src="require(`@/assets/${user.profilepic}`)" />