vue2设置满屏背景图片

        之前为了做登陆页面，上网查了一下vue2怎么设置背景图片，跟着做了很多个方法都没有实现，问了chatGPT也不行，最后忘了是怎么实现的，代码如下：

1、容器设置样式

2、引入背景图

const background = require("@/assets/login/login-background.jpg");

3、在data()中设置背景图片属性

login_background: {
        backgroundImage: "url(" + background + ")",  // 设置背景图片
        backgroundSize: "cover",   // 背景图片覆盖整个元素
        backgroundPosition: "center",  // 背景图片居中显示
        backgroundRepeat: "no-repeat",  // 不重复背景图片
      }

效果图：