首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >VueJS3动态资源

VueJS3动态资源
EN

Stack Overflow用户
提问于 2021-06-21 20:56:29
回答 1查看 18关注 0票数 0

我在我的模板中加载了一些类似这样的图像:

代码语言:javascript
复制
<img
    v-if="idRobot === 7"
    src="~@/assets/img/faceTibot.png" />

但是我想要动态加载资产。例如,像这样的东西就很棒了:

代码语言:javascript
复制
<img
    v-if="idRobot === 7"
    :src="`~@/assets/img/${dynamicasset}.png`" />

实际上,当我这样做时,VueJS认为我想加载字符串"~@/assets/img/${dynamicasset}.png"

我想要的在VueJS3中是可能的吗?啊,顺便说一句,我搜索了一下,发现了这个,但建议require解决方案不起作用:https://stackoverflow.com/a/47480286/1098303

提前感谢

EN

回答 1

Stack Overflow用户

发布于 2021-06-23 21:42:46

您尝试过此解决方案吗?

代码语言:javascript
复制
<img :src="require(`~@/assets/img/${dynamicasset}.png`)" />
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/68068337

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档