Задать вопрос
@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 таблицы?
  • Вопрос задан
  • 405 просмотров
Подписаться 1 Средний Комментировать
Решения вопроса 1
@andrei_pro Автор вопроса
Проблему решил. Поставил ResizeObserver
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
pfffffffffffff
@pfffffffffffff
Звёзды с неба не срывать
data: function (){return{
  lastWidth: -1
}}
mount: function() {
  const el = #find
  this.lastWidth = el.offsetWidth
  setInterval(function(){
    if (this.lastWidth != el.offsetWidth) {
      // TODO
    }
  }, 500)
}
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы