如何在 Laravel Vue.js 项目中使用 DataTable 插件？答案

【问题标题】：How can I use DataTable plugin with Laravel Vue.js project?如何在 Laravel Vue.js 项目中使用 DataTable 插件？
【发布时间】：2020-02-09 19:05:12
【问题描述】：

目前，我正在使用 Vue js 增强我的 Laravel 应用程序。我想在 jQuery DataTable 中显示数据。请有人向我建议如何做到这一点，因为我是 Vue js 的新手。非常感谢有人能建议我一个很好的教程。谢谢。

【问题讨论】：

标签： laravel vue.js datatables

【解决方案1】：

See Here 安装包要安装这个包，只需使用你最喜欢的包管理器安装 vuejs-datatable：

npm install vuejs-datatable
yarn add vuejs-datatable

在 Vue 中导入并注册 DatatableFactory：

import Vue from 'vue';
import { VuejsDatatableFactory } from 'vuejs-datatable';

Vue.use( VuejsDatatableFactory );

在您的 HTML 中，直接加载 IIFE 构建，如果可能的话，在结束标记之前。您必须确保保留加载顺序，如下所示。

<body>
    <!-- All your page content... -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.4.2/vue.js" defer></script> 
    <script src="/dist/vuejs-datatable.js" defer></script> 
    <script src="/myscript.js" defer></script> 
</body>

【讨论】：

非常感谢，这对我帮助很大。