Question

我有一个livewire组件，用于显示个人资料信息。在我的表单中，我将值绑定为wire:model作为嵌套数据。但是它没有在文本框中显示该值。

组件

<?php

namespace App\Http\Livewire\Profile;

use Livewire\Component;

class BasicInfo extends Component
{
    public $user;

    public function mount()
    {
        $this->user = auth()->user();

    }
    
    public function render()
    {
        return view('livewire.profile.basic-info');
    }
}

刀片文件

<div class="container">
    <div class="row">
        <div class="col-12">
            <h1>{{ __('Profile Information') }}</h1>
        </div>
        <div class="col-6">
            <form>
                <div class="form-group row">
                    <label for="name" class="form-label">Name</label>
                    <input type="text" wire:model="user.name" class="form-control" disabled>
                </div>

                <div class="form-group row">
                    <label for="phone" class="form-label">Phone</label>
                    <input type="text" wire:model="user.phone" class="form-control" disabled>
                </div>

                <div class="form-group row">
                    <label for="location" class="form-label">Location</label>
                    <input type="text" wire:model="user.location.name" class="form-control" disabled>
                </div>
            </form>
        </div>
    </div>
</div>

当我在刀片文件中执行dd($user)时，它会正确返回用户对象。

当我直接将值分配给组件中的公共属性并在刀片中引用该属性时，

Laravel：8.x Livewire：2.2

Answer 1

要使用wire:model雄辩的属性绑定，您将需要在组件上使用$rules属性：

protected $rules = [
    'user.name' => 'required',
    'user.phone' => 'required',
];

此数组为组件上的字段设置默认验证规则，并充当可绑定属性的白名单。

关于您的user.location.name，Livewire目前不支持此类的嵌套相关模型字段。您需要将该location挂载到模型的另一个属性中并绑定到该属性。

Laravel LiveWire属性嵌套绑定未在表单字段中显示值

1 个答案: