如何在 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