美文网首页
Vue项目中动态绑定src路径

Vue项目中动态绑定src路径

作者: 装装_1ad7 | 来源:发表于2019-11-11 11:18 被阅读0次

问题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]
    }
}

有更简洁的写法欢迎指正

 

 

 

 

 

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

相关文章

网友评论

      本文标题:Vue项目中动态绑定src路径

      本文链接:https://www.haomeiwen.com/subject/ilxtictx.html