^ZL 2021-07-20 16:51 采纳率: 20%
浏览 1861

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

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

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

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

  • 写回答

2条回答 默认 最新

  • 只为搞笑 2021-07-21 09:43
    关注

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

    评论

报告相同问题？

问题事件

  • 修改了问题 7月20日
  • 创建了问题 7月20日