手动重新加载页面后，Vue js数据表不起作用

Question

我在vue SPA中使用了数据表，并且工作正常，但是当我手动重新加载页面时，会提供此错误[Vue warn]: Error in mounted hook: "TypeError: $(...).DataTable is not a function"。数据表正在挂接的钩子中初始化。数据来自ajax请求。

这就是我在挂接的钩子中初始化数据表的方式

    $(".table").DataTable()

谢谢！

Answer 1

要验证这不是加载订单问题，请将其放入timer或nextTick进行调试。如果解决了，您将需要确保找到一种方法来等待库首先加载。

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

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