# Vue设置背景图片

Vue设置背景图片

---

• 使用Css的方式引入有问题，不显示图片，使用下面的方法

<template>
    <div class="login-wrap">
        <img :src="imgUrl" width="100%" height="758">
    </div>
</template>

import imgUrl from '../../static/img/login-bg.png';
export default {
    data: function() {
        return {
            imgUrl,
        };
    },
}

• 设置Div为全屏大小

* {
    margin:0;
    padding:0;
}
html,body{
    height:100%;
}