云购推荐,废柴兄弟第三季,青州市公安局
vue动态绑定背景图片的方法,具体介绍如下所示:
1.backgroundimage && 三目运算符
<div class="right-con" :style="{backgroundimage: 'url(' + (coverimgurl ? coverimgurl : baseimg) + ')', backgroundsize:'contain'}"> </div>
1.backgroundimage
<div class="right-con" :style="{backgroundimage: 'url(' + coverimgurl + ')', backgroundsize:'contain'}"> </div>
下面看下vue如何给v-for循环的标签添加背景图片
v-bind:style="{ 'background-image': 'url(' + item.placeimgurl + ')','background-repeat':'no-repeat','background-size':'cover' }"
总结
以上所述是小编给大家介绍的vue 动态绑定背景图片的方法,希望对大家有所帮助
如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复
VUE+elementui组件在table-cell单元格中绘制微型echarts图
Vue通过getAction的finally来最大程度避免影响主数据呈现问题
vue 路由懒加载中给 Webpack Chunks 命名的方法
网友评论