900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > css通过行内样式绑定背景图片

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

时间:2020-03-24 13:54:23

相关推荐

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

1、普通元素:

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

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

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

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

picture(item){if(item==='case1'){return require('../../assets/images/case1.png')}else{return require('../../assets/images/case2.png')}}

2.直接拼凑

根据后端变量添加:```javascript<divclass="serviceDate":style="{'background-image': `url(${require('../../assets/weekComment/bannerCard_' + serviceInfo.code +'.png')})`,}"></div>

3.若是img元素:

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。