vue前端动态获取页面高度宽度

  data() {
    return {
      // 设置页面某元素需要设置的高度宽度变量
      eleHeight: 0
      eleWidth: 0
    }
  },
  created() {
    // 初始化获取元素的高度宽度
    handleResize()
  },
  mounted() {
    // 绑定事件，窗口resize时候触发函数handleResize，这句是核心
    window.addEventListener('resize', this.handleResize);
  },
  methods: {
    handleResize(){
      // 根据窗口修改元素的大小
      this.eleHeight = window.innerHeight * 0.6
      this.eleWidth = window.innerWidth * 0.6
    }
  }