场景描述

在做vue项目的时候，遇到了对img的src动态赋值，检查过图片路径没有错误，但是却加载不出来的问题。

代码如下：

<img :src="'@/assets/images/'+ row.src +'.png'" alt="">

解决方案

在网上查了下发现，原因是 webpack并没有去编译我的img的src ，需要在路径前面添加 require() 。

代码如下：

<img :src="require('@/assets/images/'+ row.src +'.png')" alt="">