Как отследить изменение размера элемента?

Question

[andrei_pro]

Всем привет.

Есть див в нем таблица:

<div :style="{ width : table.width || 100 }">
<table>
  <tr>
    <td><input type="text" v-model="table.text" /></td>
  </tr>
</table>
</div>

Когда заполняю инпут - offsetWidth таблицы меняется. Нужно у див width ставить по размеру таблицы. Событие change на инпут вешать не хочу, их десяток в таблице. Как узнать что изменился offsetWidth таблицы?

Answer 1

[andrei_pro]

Проблему решил. Поставил ResizeObserver

Answer 2

[Сергей Турецкий]

data: function (){return{
  lastWidth: -1
}}
mount: function() {
  const el = #find
  this.lastWidth = el.offsetWidth
  setInterval(function(){
    if (this.lastWidth != el.offsetWidth) {
      // TODO
    }
  }, 500)
}