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

Question

目前，我正在使用 Vue js 增强我的 Laravel 应用程序。 我想在 jQuery DataTable 中显示数据。 请有人建议我如何做到这一点，因为我是 Vue js 的新手。 如果有人可以向我推荐一个关于此的好教程，我将不胜感激。谢谢。

Answer 1

见这里安装包要安装这个包，只需使用你最喜欢的包管理器安装 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>

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

问题描述

1 个解决方案

解决方案1
1 已采纳 2020-02-09 21:00:53

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

问题描述

1 个解决方案

解决方案1 1 已采纳 2020-02-09 21:00:53

解决方案1
1 已采纳 2020-02-09 21:00:53