19. 未设置 DataTables 库（Vue）

当对 DataTables 使用 Vue 组件时，您必须指定组件使用的 DataTables 库。如果没有执行此操作，则在加载组件时会发生错误

尚未设置 DataTables 库

将出现。

含义

DataTables 在核心包中提供了广泛的扩展，同时也支持许多不同的样式库。为了允许 Vue3 组件与任何扩展和样式框架组合使用，您必须将 DataTables 导入您正在使用的上下文中，然后将结果库分配给 Vue 组件。

例如，最简单的用例是

import DataTable from 'datatables.net-vue3'
import DataTablesLib from 'datatables.net';
 
DataTable.use(DataTablesLib);

要与 Select 等扩展一起使用，请使用

import DataTable from 'datatables.net-vue3'
import DataTablesLib from 'datatables.net';
import 'datatables.net-select';
 
DataTable.use(DataTablesLib);

对于 Bootstrap 5 样式框架（请注意添加到 DataTables 核心和 Select 包的-bs5），则

import DataTable from 'datatables.net-vue3'
import DataTablesLib from 'datatables.net-bs5';
import 'datatables.net-select-bs5';
 
DataTable.use(DataTablesLib);

解决方案

若要解决此错误，请确保通过.use()方法将 DataTables 库分配给 Vue 3 组件。

请注意，在 DataTables 的 Vue 3 组件的 v2 之前，由于使用了 CommonJS 加载器，因此用法不同。如果您使用的是此组件的 v1.x，则需要将组件的导入方式更新为这种新样式。