模板部分中包含变量的图像路径

Image path that includes a variable in template section

我需要在组件的模板部分使用变量作为图像路径的一部分:

<img :src="`@/assets/img/${variable}.svg`" />

${variable} 部分工作正常,但是路径的开头在 Vue 保持“@/”原样的意义上不起作用,这当然不会从浏览器的角度来看。

我做错了什么?

使用 require 从 assets 文件夹获取图像:

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