您的当前位置:首页正文

vue监听div的变化,动态渲染表格的高度

2024-11-30 来源:个人技术集锦
mounted() {
  // 初始化渲染表格高度
  this.initTableHeights
},
beforeDestroy() {
  window.removeEventListener('resize', this.watchHeights)
},
methods: {
  watchHeights() {
    const el = document.getElementById('main_select')
    this.maxHeight = window.innerHeight - el.offsetHeight - 210
  },
  initTableHeights() {
    // 获取表单初始高度
    const el = document.getElementById('main_select')
    this.maxHeight = window.innerHeight - el.offsetHeight - 210
    // 监听表单高度
    window.addEventListener('resize', this.watchHeights)
  }
}

显示全文