输入值不适用于 Livewire wire:model

Question

我想做的是从数据库中获取一些数据并将其显示在 Input Value 字段中，但这里的问题是当我使用 wire:model='some_input_name' 时，该值没有显示。如果我删除 wire:model 它会显示 value

代码：

<div class="form-group">
    <label for="site_name">Site Name</label>
    <input wire:model='site_name' type="text" name="site_name" id="site_name"
          class="form-control"
          placeholder="Site Name" value="{{$settings->site_name}}">
    </div>

这里有什么问题吗？？ livewire组件绑定input字段时正确显示值的方式是什么？

Answer 1

从 <input> 中删除 value="{{ $settings->site_name }}"，并在组件的 mount() 方法中使用以下代码：

$this->site_name = $settings->site_name;

这将保留 two-way 数据绑定，同时让您设置初始值。

Answer 2

实现此目的的最佳方法是在您的组件中设置一组规则，例如

$rules = [
 'settings.site_name' => 'required'
];

这会验证您的字段值并允许显示它们。在 livewire docs.

中进一步阅读

输入值不适用于 Livewire wire:model

Input Value not working with Livewire wire:model

laravel-livewire

laravel-8

jetstream