在连线后使用 Livewire 填充表单输入：单击答案

【问题标题】：Using Livewire to populate form input after wire:click在连线后使用 Livewire 填充表单输入：单击
【发布时间】：2021-08-14 17:48:12
【问题描述】：

感谢您抽出宝贵时间阅读并回复。我想我可能已经把自己弄得太深了，我忽略了一个明显的答案。

这是我想要完成的：

我有一个表单，其中包含使用 Laravel Collective 呈现的大量文本输入。我有一个允许用户输入 URL 的引导模式：

<div>
    <input wire:model="url" type="text">
    <button class="btn btn-primary" wire:click="scrape">Scrape</button>
</div>

提交 URL 后，我有一个 Livewire 方法，可以解析 URL 中的特定数据：

`public $url;

public function scrape()
    {
      $link = GoutteFacade::request('GET', $request->url);

      //dd($link->filter('title')->text());
    }`

我正在尝试将 $link 传递给我的 Livewire 组件（或 Blade 文件，如果需要），这样我就可以像这样填充输入字段：

`<div class="form-group">
                                {!! Form::label('title', 'Title', ['class' => 'control-label']) !!}
                                {!! Form::text('title', (isset($link) ? $link->filter('title')->text() : null), ['class' => 'form-control', 'placeholder' => 'Your catchy title']) !!}
                                @error('title')
                                <x-alert type="danger" :message="$message" />
                                @enderror
                            </div>`

我试图避免重新加载完整的页面，因此 Livewire 可以提供更好的用户体验。只是无法理解这一点。

提前谢谢你！

【问题讨论】：

标签： php laravel laravel-livewire

【解决方案1】：

你可以使用事件来做到这一点

public function scrape()
{
  $link = GoutteFacade::request('GET', $request->url);
  $this->emitTo('to-emit-component', 'sendLink',['data' => $link]);  
}

在组件中to-emit-component监听事件

protected $listeners = [
   'sendLink'
];

public function sendLink($data)
{
   dd($data);
}

【讨论】：

【解决方案2】：

我认为我的回答会回应这个问题，但可以给其他人暗示以其他方式继续。

案例：我在 Livewire 文件中创建了一个挂载方法来获取查询参数。作为搜索问题，我想在提交查询的其他页面中填充输入。 Query 和 Local 作为模型链接到 livewire 刀片。

Livewire 文件公共字符串 $query = ''; 公共字符串 $local = '';

公共函数挂载(请求$request) { if ($request->input('searchQui') != '' && $request->input('searchOu') != '') { $this->query = $request->input('searchQui'); $this->local = $request->input('searchOu'); } }
活线刀片

【讨论】：