Vue js datatable не работает после ручной перезагрузки страницы

Question

Я использую datatable в моем vue SPA, и он работает нормально, но при перезагрузке страницы вручную выдает эту ошибку [Vue warn]: Error in mounted hook: "TypeError: $(...).DataTable is not a function". Datatable инициализируется в установленном крюке. Данные взяты из запроса ajax.

Вот как я инициализирую данные в смонтированном крюке

    $(".table").DataTable()

Заранее спасибо!

Answer 1

Чтобы убедиться, что это не проблема порядка загрузки , поместите ее в timer или nextTick для отладки.Если это разрешится, вам нужно будет убедиться, что вы нашли способ дождаться первой загрузки библиотеки.

this.$nextTick(()=> {
 $(".table").DataTable()
})

setTimeout(()=> {
 $(".table").DataTable()
}, 2000)