el-table根据浏览器动态设置高度
来源:openlayers-cesium.com 时间:08-11
Vue+Element-UI根据浏览器大小动态设置el-table的高度.
效果:
![](/uploads/2208/2_220811183802_1.png)
示例代码
- <template>
- <lls-table
- :data="tableData"
- :height="tableHeight">
- </llst-bale>
- </template>
- export default {
- data () {
- return {
- tableHeight: window.innerHeight - 340, tableData:[]
- }
- },
- created () {
- window.addEventListener('resize', this.getTableHeight)
- },
- destroyed () {
- window.removeEventListener('resize', this.getTableHeight)
- },
- methods () {
- getTableHeight () {
- this.tableHeight = window.innerHeight - 340
- },
- },
- }