vue.js div 设置背景图片

布局：

<div class="middle" :style="backgroundDiv">
    <img src="./images/[email protected]" style="width: auto; height: 40px;">
</div>

数据：

data() {

    return {
        backgroundDiv: {
            backgroundImage: 'url(' + require('./images/[email protected]') + ')'
        }
    }
}

样式：

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