VUEJS入坑日记.1-iview table高度动态设置
文档上面只给了固定高度,但是有时需要动态高度,或者兼容分辨率时需要1、在Table组件加:height<Table highlight-row border :columns="columns1" :data="data1" ref="table" :height="tableHeight">
·
文档上面只给了固定高度,但是有时需要动态高度,或者兼容分辨率时需要
1、在Table组件加:height
<Table highlight-row border :columns="columns1" :data="data1" ref="table" :height="tableHeight"></Table>
2、在data中初始化:
data(){
return {
tableHeight: 500,
}
}
3、在mounted中:
mounted() {
this.tableHeight = window.innerHeight - this.$refs.table.$el.offsetTop - 80
//window.innerHeight是浏览器可用高度,this.$refs.table.$el.offsetTop是表格距离浏览器可用高度顶部的距离
},
更多推荐
已为社区贡献4条内容
所有评论(0)