vue3如何动态设置img的src属性?

img
代码是没问题的,在开发环境可以显示,但是打包到生产上,图片就无法显示了,看了一些其他的回答,原因是vite2打包的时候,会把图片名加上 hash值,但是直接通过 :src="imgSrc"方式引入并不会在打包的时候解析,所以,我该怎么操作,目前还在踩坑中,有什么好的解决办法吗

img
动态设置src打包后的图片路径

img
这是正常显示的图片路径

看样子你的图片路径是在src的目录中,可以使用require的方式引入,比如
<img :src="require(代码相对路径)"

请问解决了吗