监听dom元素样式变化

1.

npm install resize-observer-polyfill --save-dev或
yarn add resize-observer-polyfill

2. 

import ResizeObserver from 'resize-observer-polyfill'

3.

// 监听tab高度调整select下拉框高度
          let element = document.querySelector('.task-process-table')
          const resizeObserver = new ResizeObserver(entries => {
            const height = $(entries[0].target).height()
            const ulList = 12 + 34 * this.projects.length // padding + 项目所占高
            const listHeight = ulList < 274 ? ulList : 274
            const showHeight = height < (listHeight + 50) ? height - 50 : listHeight//50是下拉框到最外层父级的距离
            $('.project-select .el-scrollbar').css({'height': `${showHeight}px`, 'max-height': `274px`})
          })
          resizeObserver.observe(element)