vue 动态引入图片，背景图引入，图片自适应盒子宽高，不会变形拉伸

html部分<div class="imgBox" :style="{backgroundImage:'url('+imgUrl+')'}"></div>css部分.imgBox{width: 250px;height: 150px;background-size: cover;}

银鞍照白马

4568人浏览 · 2019-11-02 14:21:16

银鞍照白马  ·  2019-11-02 14:21:16 发布

html部分

<div class="imgBox" :style="{backgroundImage:'url('+imgUrl+')'}"></div>

css部分

.imgBox{ 
   width: 250px;
   height: 150px;
   background-size: cover;
}

Vue

Vue社区为您提供最前沿的新闻资讯和知识内容

加入社区

更多推荐

• · Mac 使用vscode 创建vue项目后修改文件提示：权限不足，以超级用户身份重试
• · 基于nodejs+vue云计算的城乡医疗卫生服务系统[程序+论文+开题]-计算机毕业设计
• · ElasticSearch迁移至openGauss

Mac 使用vscode 创建vue项目后修改文件提示：权限不足，以超级用户身份重试

Vue

基于nodejs+vue云计算的城乡医疗卫生服务系统[程序+论文+开题]-计算机毕业设计

Vue

ElasticSearch迁移至openGauss

Vue

欢迎加入社区

取消 确定