VueCLI +静态资产+指令

Question

我在这里遵循指南：Vue CLI - include image from assets folder in static file

因此，在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

您可以尝试

<button id="button1">click</button>
<div class="modal" id="abc">
   <div class="content">
       <h1>Hi</h1>
       <div id="popupabc" hidden="hidden">
         <h1>Hello</h1>
       </div>
   </div>
</div>