VUE设置全局的 table 自适应窗口高度

最新推荐文章于 2024-10-06 22:32:10 发布

萧大侠jdeps

最新推荐文章于 2024-10-06 22:32:10 发布

阅读量1.6k

点赞数

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/m0_37588079/article/details/124930001

版权

这篇博客介绍了Vue.js中一个名为$baseTableHeight的全局方法，用于根据布局类型和表单数量动态计算页面表格的高度。方法考虑了垂直布局和普通布局下不同情况的内边距调整，并根据传入的formType（表单数量）来精确计算剩余高度。

摘要由CSDN通过智能技术生成


  /* 全局TableHeight */
  Vue.prototype.$baseTableHeight = (formType) => {
    let height = window.innerHeight
    let paddingHeight = 400
    const formHeight = 50

    if (layout === 'vertical') {
      paddingHeight = 365
    }

    if ('number' == typeof formType) {
      height = height - paddingHeight - formHeight * formType
    } else {
      height = height - paddingHeight
    }
    return height
  }