vue监听dom元素宽度变化

<div class="info-container event-info-container">
   <div class="button-list" :style="{ width: buttonListWidth }"></div>
 </div>
data() {
  return {
    buttonListWidth: '' // 要改变的宽度
  }
},
mounted() {
   this.observe()
},
methods: {
  observe() {
    const observer = new ResizeObserver(entries => {
      // 这里是监听回调方法，可以拿到更新后的宽度值
      this.buttonListWidth = entries[0].target.offsetWidth + 'px'
    })
    observer.observe(document.querySelector('.event-info-container'))
  }
}