Я следую инструкциям здесь: Vue CLI - включить изображение из папки ресурсов в статический файл
Так что в папке 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"