yw-common-list
Version:
基于vxe-table封装的自定义可配置表格
28 lines (26 loc) • 762 B
JavaScript
import ResizeListener from 'element-resize-detector'
export default {
methods: {
/* 对元素尺寸进行监听,当发生变化时同步更新table */
chartEleResizeListener () {
const chartInstance = ResizeListener({
strategy: 'scroll',
callOnAdd: true
})
chartInstance.listenTo(this.$el, () => {
this.windowResizeListener()
})
},
/* 当窗口缩放时,动态调整自身大小 */
windowResizeListener () {
this.initTableSize()
}
},
mounted () {
window.addEventListener('resize', this.windowResizeListener)
this.chartEleResizeListener()
},
beforeUnmount () {
window.removeEventListener('resize', this.windowResizeListener)
}
}