Laravel Livewire 共享数据

【问题标题】：Laravel Livewire sharing dataLaravel Livewire 共享数据
【发布时间】：2021-05-04 21:47:21
【问题描述】：

我有一个带波纹管和文本框的幼虫刀片

<td class="border px-4 py-2" x-data="{dropdown: false,nSValue:{{ $item->price}}, idValue: {{$item->id}}}" @click.away="dropdown = false">

<input x-model="nSValue" type="number" placeholder="0">

</td>

正如您在 td 中所拥有的那样，我在 x-data 中有 3 个值

1. dropdown=false
2. nSValue which is price
3. idValue which is value

现在我也在展示这一点

nS值

在文本框中

如何在控制器中获取下拉列表、nSValue 和 idValue 的值？我尝试获取 $nSValue 之类的值，但它不起作用

【问题讨论】：

标签： laravel laravel-livewire

【解决方案1】：

有几种方法可以做到这一点。如果您不在 Alpine 中使用这些值，为什么还要在 x-data 中使用这些值？

如果这是传统的表单提交，您可以这样做：

<input type="hidden" name="price" value="{{ $item->price }}" />

如果你真的想充分使用 Alpine，你可以这样做

<td class="border px-4 py-2" x-data="{
  dropdown: false,
  nSValue:{{ $item->price}}, 
  idValue: {{$item->id}},
  submit() {
    fetch('endpoint', {
      method: 'POST'
      headers: {
        'Content-Type': 'application/json',
      },
      body: JSON.stringify(this.data),
    }
  }
}" @click.away="dropdown = false">

  <input x-model="nSValue" x-on:change="submit" type="number" placeholder="0">

</td>

【讨论】：