steelants/modal

用于在模态框中打开任何 Livewire 组件的包。使用 Bootstrap 5 设计。

维护者

详细信息

github.com/steelants/Livewire-Modal

源代码

问题

安装: 494

依赖项: 1

建议者: 0

安全: 0

星级: 1

关注者: 1

分支: 0

开放问题: 0

2.0.4 2024-08-09 18:53 UTC

Requires

MIT 090a778392a2d1f7c2de8b0cdebf07dba5aff81b

  • SteelAnts

This package is auto-updated.

Last update: 2024-09-09 19:04:08 UTC

README

用于在模态框中打开任何 Livewire 组件的包。由 Livewire 3 和 Bootstrap 5 驱动。

创建者：SteelAnts s.r.o.

Total Downloads

使用方法

在布局中包含模态框

@livewire('modal-basic', key('modal'))

从 blade 或 JavaScript 中打开模态框

<button onclick="Livewire.dispatch('openModal', {livewireComponents: 'livewire-component-name', title: 'Modal title', parameters: [...]})">Open modal</button>

从组件中打开模态框

$this->dispatch('openModal', 'livewire-component-name', 'Modal title', $componentParameters)

openModal 参数

/**
 * Open modal
 *
 * @param string|Array $livewireComponents Component name, can be array
 * @param string $title Modal title
 * @param array $parameters Component parameters
 * @return void
 */
public function openModal($livewireComponents, $title = "", $parameters = [])

示例

<button onclick="Livewire.dispatch('openModal', {livewireComponents: 'user-form', title:  'Create user'})">Create User</button>

<button onclick="Livewire.dispatch('openModal', {livewireComponents: 'user-form', title: 'Edit user', parameters: ['user' => $userId]})">Edit User</button>
use Livewire\Component;

class UserForm extends Component
{
  public function mount(User $user)
  {
    $this->user = $user;
  }
}

贡献者

其他包

steelants/laravel-auth steelants/laravel-boilerplate steelants/datatable steelants/form steelants/modal steelants/laravel-tenant