How to track the size of an element?

Question

Vue.js

Hello.
There is a div in it table:

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

When I fill in the input - the offsetWidth of the table changes. You need to set the width of the divs to the size of the table. I don’t want to hang up the change event on the input, there are a dozen of them in the table. How to find out that the offsetWidth of the table has changed?

Answer 1

Solved the problem. Put 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)
}