分为两种,第一种是动态绑定后台传来的图片,第二种是本地图片
1.绑定后台传来的图片
<div class="img" :style="{backgroundImage: 'url(' + srcImgUrl + ')', backgroundSize:'100% 100%', backgroundRepeat: 'no-repeat'}">
2.本地图片 注意 要使用require
<div class="assets" :style="{ 'background': 'url(' + require('../../assets/001.png/') + ') no-repeat center center', 'background-size': '100% 100%'}">
3.也可以存在data中
<div :style="{backgroundImage: 'url(' + src + ')', backgroundSize:'contain'}">
data(){
return{
// 这种方式也要使用require
src: require('../../assets/images/other/002.jog')
}
}