Laravel中使用 Sortablejs 组件

Laravel 在 components 下自定义组件，必须通过 npm run 打包，并挂载到 id="#app" 下才可以使用。

项目中对页面进行分块处理，每个单独的块中使用自定义的挂载点，id="#app" 已经被挂载到其中的一个分块中，在其它的分块中，需要使用 sortablejs 实现拖拽排序，所以未能通过常规自定义组件进行实现。

通常需要在 .vue 的文件中，通过 import Sortable from "sortablejs"，组件定义完成后，通过 npm run dev 打包后使用。但是这里需要直接在 JavaScript 中进行使用：

npm i sortablejs -S

在 resources/assets/js/bootstrap.js 中添加

import Sortable from "sortablejs";
windows.Sortable = Sortable;

通过 npm run dev 打包后，即可在项目的 JavaScript 脚本中直接通过 Sortable 进行使用。

创建，可以根据 配置项 自定义参数：

var st = Sortable.create(el);

销毁：

st.destroy();