【问题标题】:VueCLI + Static Assets + DirectiveVue CLI + 静态资产 + 指令
【发布时间】:2019-09-09 14:01:45
【问题描述】:

我在这里遵循指南: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"

【问题讨论】:

    标签: vuejs2 directive vue-cli-3


    【解决方案1】:

    你可以试试

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

    【讨论】:

    • 为什么 OP 应该尝试一下?请考虑添加对建议解决方案的描述。
    • 感谢它的工作!可惜我不是很明白。我见过这种代码,但对何时使用感到困惑。威尔需要一些时间来熟悉
    猜你喜欢
    • 2018-05-24
    • 2022-12-12
    • 2019-01-03
    • 2019-03-28
    • 2020-04-30
    • 1970-01-01
    • 2020-10-01
    • 1970-01-01
    相关资源
    最近更新 更多