vue動態設置背景圖片

原始class屬性設置背景樣式

.med-brief {
      width: 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 + ')' } }