vue div设置背景图片

布局:

<div class="middle" :style="backgroundDiv">
    <img src="./images/a.png" style="width: auto; height: 40px;">
div>

数据：

data() {

    return {
        backgroundDiv: {
            backgroundImage: 'url(' + require('./images/a.png') + ')'
        }
    }
}

样式：

.middle {
    height: 445px;
    width: 300px;
    background: no-repeat center top;
    background-size: contain;
}