vue在模拟数据data中存图片src地址的方法

1.图片存在本地时：

<img :src="imgSrc" alt>

data中存的图片地址用require包裹图片本地存储地址

data(){
    return {
        imgSrc: require('../assets/images/banner.png'),
    }
},

2.图片存在网络中时：

html中绑定不变

<img :src="imgSrc" alt>

data中放图片URL链接

data(){
    return {
        imgSrc: 'https://xxxxxxx.com/xxxxxxxx.jpg',
    }
},

标签：src,vue,return,require,imgSrc,data,中存,图片
来源： https://blog.csdn.net/qq_39981639/article/details/121093254