Laravel Livewire Model - 公共變量 state

Question

我正在使用 Livewire 創建一個數據綁定到 model 的表單，注意<select/>具有multiple屬性：

@php
  $items = ['bag','hat','mug','stickers'];
@endphp
<select wire:model="extra" multiple > 
  <option disabled value="select" >Select</option> 
  @foreach ($items as $item)
    <option value="{{$item}}" >{{$item}}</option> 
  @endforeach
</select>

model class 頂部有一個 var：

public $extra = [''];

我想 select 多個<option/>只需點擊一下，目前你必須使用鍵盤 [command] + 點擊。

我正在嘗試在public $extra = ['']; 是一個問題。

例子：

<option value="{{$item}}" wire:click="buildArr('{{$item}}')">{{$item}}</option> 

然后從 model 開始， $this->extra[]不在數組上構建而是刷新並返回最后一次單擊的<option/> ：

public function buildArr($item){
  $this->extra[]= $item;
}

我怎樣才能允許 1 單擊以在此陣列上構建？ 我需要 AlpineJS 嗎？

Answer 1

我的問題的答案在這里https://laravel-livewire.com/docs/2.x/alpine-js#interacting-with-livewire-from-alpine using: $wire.myMethod() from blade.