Vue. 之 Element table 高度自適應

 

 

　　使用vue創建table后，其高度自適應瀏覽器高度.

　　在創建的 el-table 中添加:height屬性，其值為一個變量（tableHeight）

　　　　　　　　<el-table
                :data="tableData"
                :height="tableHeight"
                border
                style="width: 100%">

　　

　　在script中的data() 中添加高度的定義：

　　這里的200是自己根據實際需求進行定義的，此處的200是因為該table上方有個form表單，減去form表單的高度（200）

data() {
            return {
                tableHeight: window.innerHeight  - 200,
4　　　　　　　　}
5 }