css通过行内样式绑定背景图片

1、普通元素：

:style="{ background: `url(${picture})`, 'background-size': '100% 100%' }" 

1
2

注：picture是个变量，里面返回图片的路径。如：

picture:require('../../assets/images/login.png')
1

也可以是个函数，根据传参动态的返回图片路径：

picture(item){
 if(item==='case1'){
 return require('../../assets/images/case1.png')
 }
 else{
 return require('../../assets/images/case2.png')
 }
}
1
2
3
4
5
6
7
8

2.直接拼凑

根据后端变量添加：

```javascript
   
`url(${require('../../assets/weekComment/bannerCard_' + serviceInfo.code +'.png')})`,
      }"
    >
    </div>
1
2
3
4
5
6
7
8
9
10

3.若是img元素：

 <img :src="require('@/assets/contract/'+(chechItem.active?'selected':'select')+'.png')" >
1