本期视频登录后即可观看

如何在单个面板中通过拖拽实现排序

本期Laravel 拖拽排序视频教程咱们实现一下最简单的场景,在单个面板内通过拖拽实现排序,咱们会深入到sortableJS中,看一看如何使用它辅助咱们完成拖拽排序。
向前 2024.01.08 12:50

CODING10

不知道为啥,Chrome 浏览器总是报这个错误:(这个是在提交 list 的时候发生的)

npm run dev 
npm run build
都试了试,chrome 的报错,Safari 不报错


谷歌搜索了一下,大概意思是 Alpine.js 加载的位置,放到了 @livewireScripts 前面了。

参考一: https://devdojo.com/devdojo/snippet/livewire-cannot-read-property-wire-of-undefined 
参考二: https://forum.laravel-livewire.com/t/interacting-with-livewire-from-alpine/1687 

我调换了 Alphine.js 加载的位置,放置在 @livewireScripts 之后了,但是没啥效果


然后我发现 Alpine.js 的引用有一个  defer,这个好像是延迟加载的。

<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.13.3/dist/cdn.min.js"></script>

要说是最后加载的,应该是不影响 @livewireScripts 的,我把 alpinejs 的引用删除了,能输出打印。


但是禁用掉 Alpine.js,不是最好的办法,暂时不知道咋弄!!😅

补充一下,我使用的 Livewire3 版本的,

国营 2024.01.08 15:12

最新版的我还没有用过,但你可以试一下 this.$wire 这种方式,看能否正常运行。

向前 2024.01.10 00:37

Livewire3 版本,官方文档上说,已经引入过 Alpine.js 了,估计是重复引用了。

CODING10

国营 2024.01.10 00:52

这要看构建方式,如何构建用户脚手架的时候,咱们使用的是Blade with Alpine ,那会自动引入,如果不是这种方式需要自己好好检查一下,看一看bootstrap.js 还是 app.js 来着,看看里面有没有alpinejs,通过 package.json 也可以粗略检查。

微信扫码登录