43 lines
1.2 KiB
Plaintext
43 lines
1.2 KiB
Plaintext
import {
|
|
addResizeListener,
|
|
removeResizeListener
|
|
} from 'element-ui/src/utils/resize-event'
|
|
|
|
// 设置表格高度
|
|
const doResize = async(el, binding, vnode) => {
|
|
// 获取表格Dom对象
|
|
const { componentInstance: $table } = await vnode
|
|
// 获取调用传递过来的数据
|
|
const { value } = binding
|
|
// 获取距底部距离（用于展示页码等信息）
|
|
const bottomOffset = (value && value.bottomOffset) || 40
|
|
if (!$table) return
|
|
// 计算列表高度并设置
|
|
const height = window.innerHeight - el.getBoundingClientRect().top - bottomOffset
|
|
// $table.layout.setMaxHeight(height)
|
|
$table.layout.setHeight(height)
|
|
// $table.maxHeight = height
|
|
$table.doLayout()
|
|
}
|
|
|
|
export default {
|
|
// 初始化设置
|
|
bind(el, binding, vnode) {
|
|
// 设置resize监听方法
|
|
el.resizeListener = async() => {
|
|
await doResize(el, binding, vnode)
|
|
}
|
|
// 绑定监听方法到addResizeListener
|
|
addResizeListener(window.document.body, el.resizeListener)
|
|
},
|
|
// // 绑定默认高度
|
|
async inserted(el, binding, vnode) {
|
|
await doResize(el, binding, vnode)
|
|
},
|
|
// // 销毁时设置
|
|
unbind(el) {
|
|
// 移除resize监听
|
|
removeResizeListener(el, el.resizeListener)
|
|
}
|
|
}
|