如何将数据表插件与 Laravel Vue.js 项目一起使用?



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

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

最新更新