需求：需要将原来的vue项目中的图片改为动态切换，例如鼠标移入换下一张，按钮点击换另一张 问题：正常来说想到的就是将src='www.baidu.com'改为:src='imgSrc',然后data定义路径，配合事件切换，但是会发现在打包编译后，图片的地址是找不到的，解决办法就是使用 ...

...

主要就是21，22，23行 webpack5中在url-loader，html-loader，中都需要配置 esModule:false ...

博主最近手头再做一个项目，需要调用天气接口，并且还要动态显示天气相关图片icon。 本来以为没什么大问题，结果硬生生被这个动态图片路径搞得民不聊生（博主还是 too young，too simple~），给出效果图： 就是那个红框选中的那个天气状况图标icon要根据当前城市获取当前 ...

之前在行内样式中加背景图片是这样写的： 但是vue来了， 标签的背景图片是循环item的img属性， 需要动态展示， 在这里耽误了些时间， 记录一下， 希望遇到这个问题的人能一目了然： 如下写法： 这样写就可以了， 没有问题。 网上查询有其他做法 ， 但是这种最 ...

背景：需要根据接口返回值动态渲染本地图片，已事先在本地存储同名图片 写法一：红色框，死活不行 原因：接口返回之前，react这一步已经渲染，拿到的就是undefined，就报错了 写法二：绿色框，想着用异步加载，不报错了，但是图片也没出来了， 写法三：三元表达式 行是行 ...

以下是直接读取某一文件夹下的图片，感觉挺好用，记录以下。 使用： 。 ...

一、vue1、背景图片<div class=" " :style="'background:url('+item.image+') no-repeat center center;'"> 2、img<img class=" " :src="banner.imgUrl" alt ...