vue中使用v-for动态渲染img时，图片显示不出来

问题：
把一组图片的src地址放在data中的一个数组中，然后模板结构中用v-for动态渲染，结果图片加载不出来。
如下图：

页面效果.png
模板中代码段.png

解决方法：
数组中的图片地址外层用require()包裹起来：

imgUrl: require("../../assets/sale1.png")

data中的数组.png