我在Vue.js工作，嘗試根據(jù)高度動態(tài)顯示一個表格。我已經(jīng)設法做到了，如果行數(shù)大于15，表格顯示為“高度:50vh”。問題是當行數(shù)少于15時。

組件是& lt虛擬卡:items = & quot表項& quot:每頁的項目數(shù)= & quot15 & quot/& gt；我補充道:style = & quotgetTableHeight()& quot；

getTableHeight() {
    const tableItemsCount = this.tableItems.length;
    const maxVisibleRows = 15;
    const maxHeight = `50vh`;

      return {'--height': maxHeight};
}

然后，在css中，我將該變量添加到height:height:var(-height)；

我嘗試通過getTableHeight方法中的條件if手動調整它，如下所示:

getTableHeight() {
    const tableItemsCount = this.tableItems.length;
    const maxVisibleRows = 15;
    const maxHeight = `50vh`;

    if (tableItemsCount <= maxVisibleRows) {

      const rowHeight = 70; // I would like to adjust it dinamically
      const height = `${tableItemsCount * rowHeight}px`;
      return {'--height': height};

    } else {

      return {'--height': maxHeight};

    }
}