时间戳

首页 > 解决方案 > Laravel livewire 属性嵌套绑定未显示表单字段中的值

laravel - Laravel livewire 属性嵌套绑定未显示表单字段中的值

问题描述

我有一个用于显示个人资料信息的 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

标签： laravellaravel-livewire

解决方案

要使用wire:modelEloquent 属性绑定，您需要$rules在组件上使用该属性：

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

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

关于你的user.location.name，Livewire 目前不支持像这样嵌套相关的模型字段。您需要将其安装location到模型上的另一个属性中并绑定到该属性。

推荐阅读