vue中设置背景图片的方式

直接上代码

方式一：

HTML

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

JS

data() {
    return {
      loginBg: require('assets/images/login-bg.png'),
    }
}

方式二：

HTML

<div :style="loginBg"> <div>

JS

data() {
    return {
        loginBg: {
            backgroundImage:'url(' + require('assets/images/login-bg.png') + ')',<!--换成自己的路径-->
            backgroundRepeat:'no-repeat',
            backgroundSize: cover;<!-- 响应式 -->
    }

}

效果