yw-common-list/packages/ya-wei-list/src/resize.js

基于vxe-table封装的自定义可配置表格

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)
  }
}