码迷,mamicode.com
首页 > 其他好文 > 详细

Vue. 之 Element table 高度自适应

时间:2019-08-03 15:04:35      阅读:179      评论:0      收藏:0      [点我收藏+]

标签:变量   创建   data   led   turn   window   element   ble   width   

Vue. 之 Element table 高度自适应

 

 

  使用vue创建table后,其高度自适应浏览器高度.

  在创建的 el-table 中添加:height属性,其值为一个变量(tableHeight)

1         <el-table
2                 :data="tableData"
3                 :height="tableHeight"
4                 border
5                 style="width: 100%">

  

  在script中的data() 中添加高度的定义:

  这里的200是自己根据实际需求进行定义的,此处的200是因为该table上方有个form表单,减去form表单的高度(200)

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

 

Vue. 之 Element table 高度自适应

标签:变量   创建   data   led   turn   window   element   ble   width   

原文地址:https://www.cnblogs.com/Charles-Yuan/p/11294592.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!