Как в VUE js вызвать директиву после обновления DOM?

Question

[Eka555]

Здравствуйте.
Пытаюсь реализовать список с сортировкой элементов.
Значит получаю список с сервера
this.$http.get('api/pageslist')...

<ul v-sortable>
  <li>Item 1</li>
  <li>Item 2</li>
</ul>

и директива

directives: {
      sortable: {
        bind () {
          console.log('yes')
        }
      }
    }

Как сделать так чтоб директива вызывался после обновления DOM ?

Если изначально список вставить в DOM тогда все норм.
Но возможно ли такое применить к элементам полученных из сервера ?

PS. Про this.$nextTick() и updated () знаю и могу использовать.
Просто интересно можно ли применять директивы к элементам полученных со стороны.
Спасибо всем!

Answer 1

[Станислав Еременко]

У директив есть хуки (https://ru.vuejs.org/v2/guide/custom-directive.htm... которые срабатывают при определенных событиях. В том числе при обновлении элементов и компонентов.

Comments

[Eka555]

Знаю и перепробовал все хуки но безрезультатно

[Станислав Еременко]

Eka555: Значит делаешь что-то не так. Хуки работают как надо: https://jsfiddle.net/hxvj4c1k/1/

[Eka555]

в вашем варианте v-test вставлен уже в DOM. Обновляются только дочерние элементы. Да, все правильно в этом случае update() работает.

а если получать v-test со стороны то директива не будет работать.

Но вариант мне подходит. Спасибо!