vue 中 img URL动态绑定

HTML部分在这里插入代码片

<div class="boxitem" v-for="(item, key) in datas" :key="key">
	<img class="kuang" :src="item.imgurl" alt="">
</div>

JS中

export default {
	data () {
		return {
			datas:[
				{
					//如果Eslint报错的话，就填上这一行
                    // eslint-disable-next-line global-require
                    imgurl: require('@/assets/homeicon3.png'),
                },
                {
                    // eslint-disable-next-line global-require
                    imgurl: require('@/assets/homeicon4.png'),
                },
                {
                    // eslint-disable-next-line global-require
                    imgurl: require('@/assets/homeicon5.png'),
                },
			]
		}
	},
}

在严格模式下，如果报错的话

点击快速修复

点击Disable global-require for this line