vue--如何根据可视窗口的大小自动调节图片大小

首先需要用到两个东西，1：onresize事件，当浏览器发生变化时触发事件 2：clientWidth方法，获取你现在元素下的窗口宽度，然后对你获取到的宽度进行你所需要的比例的运算即可

mounted () {
    this.screenWidth = document.body.clientWidth;
    this.height = (document.body.clientWidth / 1920) * 645;
    window.onresize = () => {
      return (() => {
        this.height = (document.body.clientWidth / 1920) * 645;
      })()
    }
    this.getHomeList();
  },
           

这是全屏时banner图片的展现状态

这个是页面缩小的展示状态