Laravel 8 Livewire 和谷歌地方自动完成功能不起作用答案

【问题标题】：Laravel 8 Livewire and google places autocomplete not workingLaravel 8 Livewire 和谷歌地方自动完成功能不起作用
【发布时间】：2022-11-04 19:24:13
【问题描述】：

我有一个带有地址字段的 livewire 表单，其中启用了谷歌位置自动完成功能。每次我从自动完成列表中选择一个地址并移动到表单中的新输入时，地址输入都会在单击我想要的地址之前重置为该值。

我在我的字段上添加了 wire:ignore ，它仍然被重置为单击事件之前输入的值。这是我的输入代码：

<div wire:ignore id="for-input-address" class="form-group col-lg-6{{ $errors->has('address') ? ' has-danger' : '' }}">
                <label class="form-control-label" for="input-address">{{ __('Home address') }}</label>
                <input wire:model="address" type="text" name="address" id="input-address" class="form-control form-control-alternative{{ $errors->has('address') ? ' is-invalid' : '' }}" placeholder="{{ __('Home address') }}" value="{{ old('address') }}" required autofocus>

                @if ($errors->has('address'))
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $errors->first('address') }}</strong>
                    </span>
                @endif
            </div>

因此，如果我输入 56 并在移至下一个字段时选择地址，则输入将重置为 56。

我想说我有一些带有 wire:ignore 的选择字段，当 livewire 重新加载 DOM 时它们工作得很好。

【问题讨论】：

标签： laravel laravel-8 laravel-livewire googleplacesautocomplete

【解决方案1】：

为您的 input -> autocomplete="off" 添加一个附加属性，告诉浏览器不要使用任何自动完成机制。

见：https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete

【讨论】：

做到了，该领域的一些行为
曾经用不同的浏览器尝试过吗？