Vue动态计算Table表格的高度

112 字

1 分钟

Vue动态计算Table表格的高度

2025-07-12

Vue

前言#

因为每个用户不同的电脑屏幕宽高度，造成了Table表格的高度不一致，因此想要动态计算出table的高度，让其能够正常的铺满整个屏幕

代码#

完整代码如下：首先计算窗口的高度 - 搜索框的高度 - 固定数值

1
  mounted () {
2
    // 计算搜索框的高度
3
    var searchBarHeight = window.getComputedStyle(this.$refs.searchBar).height.replace('px', '')
4
    searchBarHeight = parseInt(searchBarHeight)
5
    this.tableHeight = window.innerHeight - searchBarHeight - 270
6
  },

Vue动态计算Table表格的高度

http://localhost:4321/posts/vue/vue动态计算table表格的高度/

发布于

2025-07-12

许可协议