element中table高度自适应的实现
1.开发环境 vue+element
2.电脑系统 windows10专业版
3.在开发的过程中,我们经常会使用到 element中的table,但是我们也发现了在table的配置中,只能设置 具体的高度不能设置百分比,怎么实现table高度自适应呢?方法如下:
4.在对应的vue模板中添加如下代码:
5.在 return 中添加如下代码:
taheight:"90%",
6.在mounted中添加如下代码:
_Dchen.$nextTick(() => {this.taheight = (window.innerHeight-this.ttaheight/2)+"%"; })
【element中table高度自适应的实现】7.效果图如下:
文章图片
到此这篇关于element中table高度自适应的实现的文章就介绍到这了,更多相关element table高度自适应内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
推荐阅读
- 热闹中的孤独
- Shell-Bash变量与运算符
- JS中的各种宽高度定义及其应用
- 2021-02-17|2021-02-17 小儿按摩膻中穴-舒缓咳嗽
- 深入理解Go之generate
- 异地恋中，逐渐适应一个人到底意味着什么（）
- 我眼中的佛系经纪人
- 《魔法科高中的劣等生》第26卷（Invasion篇）发售
- “成长”读书社群招募
- 2020-04-07vue中Axios的封装和API接口的管理