62 lines
1.6 KiB
JavaScript
62 lines
1.6 KiB
JavaScript
|
|
import { addResizeListener, removeResizeListener } from 'element-ui/src/utils/resize-event';
|
|
|
|
/**
|
|
* 用法
|
|
* <el-table height="50" ref="table" v-el-height-adaptive-table="{table: $refs.table}">...</el-table>
|
|
* 必须设置 height,可以任意值
|
|
*/
|
|
export default{
|
|
bind(el, binding, vnode, oldVnode) {
|
|
el.data = {}
|
|
el.resizeListener = () => {
|
|
let data = el.data
|
|
|
|
if (!data.table) {
|
|
return
|
|
}
|
|
let height = window.innerHeight - el.offsetTop - data.bottomHeight - data.topHeight;
|
|
|
|
data.table.layout.setHeight(height)
|
|
data.table.doLayout()
|
|
}
|
|
addResizeListener(el, el.resizeListener)
|
|
},
|
|
/**
|
|
*
|
|
* @param {*} el
|
|
* @param {*} binding
|
|
* binding.value 格式为 {
|
|
* table: $refs.table, // 表格对象
|
|
* topHeight: 140 // 表格顶边 距离顶部高度，默认值为 140
|
|
* bottomHeight: 120 // 表格底部 距离底部高度，默认值为 120
|
|
* }
|
|
* @param {*} vnode
|
|
* @param {*} oldVnode
|
|
*/
|
|
update(el, binding, vnode, oldVnode) {
|
|
if (el.heightInited) {
|
|
return
|
|
}
|
|
let topHeight = binding.value.topHeight ? binding.value.topHeight : 140
|
|
let bottomHeight = binding.value.bottomHeight ? binding.value.bottomHeight : 120
|
|
|
|
let table = binding.value.table
|
|
|
|
el.data.table = table
|
|
el.data.topHeight = topHeight
|
|
el.data.bottomHeight = bottomHeight
|
|
|
|
let height = window.innerHeight - el.offsetTop - bottomHeight - topHeight
|
|
|
|
table.layout.setHeight(height)
|
|
table.doLayout()
|
|
|
|
el.heightInited = true;
|
|
|
|
},
|
|
unbind(el) {
|
|
removeResizeListener(el, el.resizeListener)
|
|
}
|
|
}
|