VueJS3 动态资源答案

【问题标题】：VueJS3 dynamic assetVueJS3 动态资源
【发布时间】：2021-09-05 03:35:27
【问题描述】：

我在我的模板中加载了一些这样的图像：

<img
    v-if="idRobot === 7"
    src="~@/assets/img/faceTibot.png" />

但我想动态加载资产。例如，这样的事情会很棒：

<img
    v-if="idRobot === 7"
    :src="`~@/assets/img/${dynamicasset}.png`" />

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

在 VueJS3 中我想要什么？啊，顺便说一句，我搜索了 SO 并找到了这个，但建议 require 解决方案不起作用：https://stackoverflow.com/a/47480286/1098303

提前致谢

【问题讨论】：

【解决方案1】：

你试过这个解决方案吗？

<img :src="require(`~@/assets/img/${dynamicasset}.png`)" />

【讨论】：