时间戳

首页 > 解决方案 > 手动重新加载页面后Vue js数据表不起作用

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

问题描述

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

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

    $(".table").DataTable()

提前致谢！

标签： datatablesvuejs2

解决方案

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

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

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

推荐阅读