Как отследить удаление DOM элемента во vue.js?

Question

[KuzmenkoArtem]

Есть библиотека которая манипулирует DOM элементами.
Как можно отследить удаление некого элемента во vue.js, если известен его селектор?

Comments

[Александр]

Мб лучше при удалении отправлять пользовательское событие и реагировать на него?

[KuzmenkoArtem]

Александр, ну так-то да, но это стороння либа этим занимается

[Vitaliy]

KuzmenkoArtem, получить его htmlelement и проверять на наличие parent по какому-то событию или через requestAnimationFrame

[Алексей]

Вообще, по факту, манипулировать dom должен vue, а не сторонняя библиотека, а вы манипулируете данными приложения. Иначе зачем вообще vue.

[KuzmenkoArtem]

Алексей, Ну нет всего на вью к сожалению, приходиться использовать сторониие библиотеки, для каких-то модулей

[Алексей]

KuzmenkoArtem, когда говорят

... нет всего на вью к сожалению ...

это значит только одно - вы не поняли идеологию Vue и не используете все его возможности, или точнее, используете его не по назначению. А для манипуляции с DOM это простой и быстрый фреймворк. Простой, потому что вам вообще не нужно задумываться о том как добраться до того или иного дом-элемента, просто работайте с данными, а вью сам что нужно удалит, что нужно вставит. Быстрый, потому что по всем тестам, быстрее своих аналогов.

[KuzmenkoArtem]

Алексей, При чем тут идеалогия?))) Ну я же уже несколько раз написал, что манипуляции с DOM делаю не я, а библиотека, аналогов ее по стеку необходимых возможностей нет. Или вы предлагаете не использовать ее, и написать на чистом вью? Увы лишних несколько недель нет

[Алексей]

KuzmenkoArtem, а вы к стати пробовали описываемым вами способом, удалять элемент? Как при этом ведет себя vue? Дело в том, что он очень критичен к таким действиям. Как бы это простым языком сказать, когда вы начинаете оперировать dom без ведома vue - это очень плохо для него. Это как на складе, каждый элемент подотчетен, и пропажа по-любому к положительным результатам не приведет.

[KuzmenkoArtem]

Алексей, Элемент уже удаляется библиотекой (и ей же рэндерится), проблем не было никаких, сейчас стоит задача, отследить момент когда этот элемент удаляется

[markmariner]

KuzmenkoArtem, как библиотека-то называется и чем занимается?

[KuzmenkoArtem]

markmariner, FullCalendar.io (c прослойкой vue-fullcalendar)

Answer 1

[Илья Мясин]

1) можно поюзать https://developer.mozilla.org/en-US/docs/Web/API/M... - если не нужны старые IE (если нужны - для 9-10 можно подпереть вот этим https://developer.mozilla.org/en-US/docs/Web/API/M... )

2) можно пропатчить либу (и заслать MR, если либа живая)

3) самый тупой и рабочий способ, который советовали в комментах и который я бы скорее всего и взял - проверять присутствие элемента через интервал / requestAnimationFrame

4) есть совсем злое решение: переопределить node.parentNode.removeChild, добавив туда ваш колбек - только никому не показывайте =)