Vue项目中动态绑定src路径不成功

1,353 阅读1分钟

问题1

vue项目中图片路径为变量时不能显示,如下

<img :src="imgSrc" alt="">
this.MyimgSrc = ‘../../assets/style/icon/icon.png'

解决方法:

this.imgSrc = require('../../assets/style/icon/icon.png')

问题2

把获取到的图片放入数组中不显示

解决方法:

<img  v-for=‘(item, index) in imgUrl’  :src=‘item’ :key=‘index’ />
let  img1 = require('../../assets/style/img/cityjingji.png')
let  img2 = require('../../assets/style/img/legacy.png')

data () {
	return {
		imgUrl: [img1, img2]
	}
}

有更简洁的写法欢迎指正

 

 

 

 

 

我从远方赶来 只为奔赴一场轰轰烈烈的活着