img动态添加相对路径地址

如果img标签是遍历循环的， 路径引用本地的相对路径，这样写图片不会显示

 <div v-for="(item,index) in list" :key="index">
        <img :src="'../assets/images/icon'+(index+1)+'.png'"/>
</div> 

需要在data里面require进来

 data() {
    return {
        imageUrl:[
            require('../assets/images/icon1.png')，
            require('../assets/images/icon2.png')，
        ]
    }
}

或者写成

<img :src="require('../assets/images/icon'+(index+1)+'.png')"/>