Vue中img标签中src动态绑定图片路径报错问题解决

需求：需要将原来的vue项目中的图片改为动态切换，例如鼠标移入换下一张，按钮点击换另一张

问题：正常来说想到的就是将src='www.baidu.com'改为:src='imgSrc',然后data定义路径，配合事件切换，但是会发现在打包编译后，图片的地址是找不到的，解决办法就是使用require进行资源引入，然后利用变量进行替换

标签使用

 

 计算属性具体使用，实现动态切换效果

 

 总结下来就是使用require进行静态资源加载，避免直接路径引入