1. 程式人生 > >iview table高度動態設定方法

iview table高度動態設定方法

參考網址:http://www.jb51.net/article/136424.htm

三、解決辦法

原因就是因為表格高度是固定的,在大解析度下的螢幕可以顯示,小解析度的螢幕就顯示不完全,所以我們需要動態的去設定表格的高度,設定方法如下:

1、iview table的寫法:


2、高度設定,初始化的時候就設定

(1)首先在data裡面初始化

tableHeight: 450,
(2)初始化

mounted() {
// 設定表格高度
this.tableHeight = window.innerHeight - this.

r e f s . t a b l e . el.offsetTop - 160
},
window.innerHeight是瀏覽器的可用高度,this.
r e f s . t a b l e .
el.offsetTop是表格距離瀏覽器可用高度頂部的距離,這樣就可以完成動態設定了,這樣的話就可以適應任何pc端螢幕了

以上這篇iview table高度動態設定方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支援指令碼之家。