vue动态设置背景图片

原始class属性设置背景样式

.med-brief {
       100%;
      min-height: 422px;
      position: relative;
      margin-bottom: 20px;
      background: url("../../assets/img/tanggou.jpg") no-repeat;
      background-size: 100%;

通过JavaScript实现动态修改背景图片

首先html中设置style为 动态绑定 即 ：style

<div class="med-brief" :style="backgroundImage">

在JavaScript方法中则可以通过修改绑定backgroundImage实现动态更换背景属性。

if (item.code === 'CPTP2') {
                  this.backgroundImage = { backgroundImage: 'url(' + this.imgBaseUrl + item.content + ')' }
                }