使用 Livewire 动态输入自动设置选择输入字段的值答案

【问题标题】：Automatically set value of select input field with dynamic input with Livewire使用 Livewire 动态输入自动设置选择输入字段的值
【发布时间】：2022-07-26 02:01:44
【问题描述】：

我想在每次单击“Ajouter paiement”按钮时为选择标签设置一个默认值，但是当我添加 selected="selected" 时，livewire 无法识别它。

如何在默认情况下每次单击按钮时将值 1 传递给 livewire？

代码如下：

                <div class="form-group">
                    <select id="" class="form-control" wire:model="status_paiement.{{ $key }}" oninvalid="this.setCustomValidity('Ce champ est obligatoire')" onchange="this.setCustomValidity('')" required>
                     
                        <option value="1" selected="selected">regler</option>
                        <option value="0" >encours</option>

                    </select>
                    @error('status_paiement.'.$value)  {{ $message }}@enderror
                </div>
            </div>```

【问题讨论】：

标签： laravel-livewire

【解决方案1】：

我也有同样的问题。我将尝试解释我为解决此问题所做的工作。

将您的表单与另一个 livewire 组件分开

foreach($payments as $payment){
    @livewire('payments.update-form',['payment' => $payment,'key'=>$payment['id']]) //pass a key to uniquely identify this component
}

<?php

namespace App\Http\Livewire\Payments;

use Livewire\Component;

class paymentsUpdateForm extends Component
{
    public $payment= [];
    public $status = 'pending';

    public function mount($payment){
        $this->payment= $payment; //This will set the current payment
        $this->status = $payment['status']; //This will set the default status of the current payment
    }
    public function render()
    {
        return view('livewire.payments.update-form');
    }
}

这就是 livewire/payments/update-form 的样子

...
<select wire:model="status">
    <option value="1">regler</option>
    <option value="0">encours</option>
</select>
...

每次迭代都会使用给定的付款和密钥创建一个新的 Laravel 组件。在 Laravel 组件的 mount 函数中，使用父组件的给定数据分配付款，并设置当前付款的默认付款状态。希望您理解我的解释，这将对您有所帮助。干杯！

【讨论】：