vue.js webpack项目中静态图片路径的写法

本来很简单的代码却折腾了半天，无非就是循环数组，把项目里的静态图片路径绑定在图片地址上。

<div class="icon" v-for="item of iconList" :key="item.id">
                <div class="icon-img">
                    <img class="icon-img-content" :src="item.imgUrl" />
                </div>
                <p class="icon-desc">{{item.title}}</p>
            </div>

:src="item.imgUrl" 这个值怎么赋值都不行，后来发现给图片的URL加上require()就可以了。

image.png