README

安装

composer require bfg/puller-alpine

通过链接跳转到 https://github.com/bfg-s/puller 阅读文档。

使用方法

请确保在您的 public/vendor 文件夹中发布了 puller-alpine/puller-alpine.js。它必须在安装包后立即出现，因为它在 laravel-assets 组中进行了发布。如果未发生此情况并且它没有出现，请手动发布。

php artisan vendor:publish --tag=puller-alpine-assets

在 Alpine 初始化后连接脚本

<script defer src="https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js"></script>
<script src="{{ asset('vendor/puller-alpine/puller-alpine.js') }}"></script>

解释逻辑

所有事件及其值都存储在 Alpine 存储。如果存储被激活，则第一次调用将创建一个新的存储。如果想要使用默认状态，请使用 blade 辅助器或手动创建存储。

Blade 短语

<script>
    document.addEventListener('alpine:init', () => {
        Alpine.store('dark_mode', {
            status: true,

            toggle() { // <-- details
                this.status = !this.status;
            }
        })
    })
</script>

详情传递给函数，或者如果此属性将分配给它。

使用 Alpine blade 指令

@alpineStore('test', ['state' => true])
@alpineStore([
    'chat' => ['list' => []],
    'online' => ['count' => 0],
])

生成

<script type='text/javascript'>document.addEventListener('alpine:init', function () {Alpine.store("test", {"state":true});})</script>
<script type='text/javascript'>document.addEventListener('alpine:init', function () {Alpine.store("chat", {"list":[]});Alpine.store("online", {"count":0});})</script>

内置魔法

发送消息

$message('event-name', {my: 'data'})

内置存储

$errors

存储最后错误列表

$error_message

存储最后错误消息

$status

存储最后 puller 状态代码（0 - 正常）

变更日志

请参阅 CHANGELOG 了解最近更改的更多信息。

致谢

安全

如果您发现任何安全相关的问题，请通过电子邮件 xsaven@gmail.com 报告，而不是使用问题跟踪器。

许可证

MIT 许可证（MIT）。有关更多信息，请参阅许可证文件。

bfg / puller-alpine

维护者

详细信息