动态控制弹窗高度,随用户缩放窗口调整弹窗的大小

16 阅读1分钟
// 需npm install loadsh
import { throttle } from "loadsh"

methods: {
    //重新设定元素高度事件
    handleResize() {
      this.$nextTick(() => {
        //对应元素的选择器
        let el = document.querySelector(".xxxxxxx");
        //我们的元素在el下 减掉60px为所需高度
        this.tableHeight = `calc(${el.clientHeight}px - 60px)`;
      });
    },
 
 
}


mounted() {
    this.handleResize()
    this.resizeHandler = throttle(this.handleResize, 200);
    window.addEventListener('resize', this.resizeHandler);
  },
  beforeDestroy() {
    window.removeEventListener('resize', this.resizeHandler);
  },