событие vue js после завершения преобразования

#javascript #vue.js

#javascript #vue.js

Вопрос:

У меня есть таблица, которая визуализируется с помощью Vue. Я хочу применить datatable к нему после его рендеринга. Причина, по которой я использую Vue в первую очередь, заключается в том, что он требует большого количества пользовательских функций для каждой ячейки.

Всякий раз, когда я вызываю функцию datatable для таблицы, я получаю сообщение об ошибке, потому что vue не закончил рендеринг таблицы.

Есть ли какой-либо способ узнать, когда Vue завершит рендеринг всех элементов в dom, чтобы я мог применить к нему datatable.

Ответ №1:

Проверьте Vue.nextTick()

Вот пример из документации:

 // modify data
vm.msg = 'Hello'
// DOM not updated yet
Vue.nextTick(function () {
  // DOM updated
})
  

Ссылка:http://vuejs.org/api/#Vue-nextTick