Laravel 在长度小于2个字符之前停止渲染Livewire

我在Laraval Livewire中有一个输入，用于在模型中搜索并立即显示结果

我想要双向数据绑定。所以我使用了

wire:model

：

<input type="text" wire:model="query">

但问题是，我想在用户输入第三个字符后开始发送请求

我知道我们有

wire:model.debounce.1000ms

，但它对我没用。因为它会在我们停止输入的1000毫秒后开始发送请求

---

我知道我们有

wire:model.lazy

，但它会在我们单击另一个位置或当前元素未聚焦后开始发送请求。

已更新

正如我之前提到的，最好使用提交按钮来完成该操作 另一种我还没有尝试过的方法是，（尝试其中一种）

类SearchPosts扩展组件
{
public$search=''；
受保护的$queryString=[
“搜索”=>[“除了”=>fn（）=>count（$this->search）<3]，
//“搜索”=>[“除了”=>fn（$value）=>count（$value）<3]，
];
公共职能
{
返回视图（'livewire.search posts'[
'posts'=>Post:：where（'title'，'like'，'%。$this->search'%'）->get（），
]);
}
}

组件

<div>
    <input wire:model.debounce="search" type="search" placeholder="Search posts by title...">

    <h1>Search Results:</h1>

    <ul>
        @foreach($posts as $post)
            <li>{{ $post->title }}</li>
        @endforeach
    </ul>
</div>

搜索结果：

@foreach（$posts作为$post）
{{$post->title}
@endforeach

已更新

正如我之前提到的，最好使用提交按钮来完成该操作 另一种我还没有尝试过的方法是，（尝试其中一种）

类SearchPosts扩展组件
{
public$search=''；
受保护的$queryString=[
“搜索”=>[“除了”=>fn（）=>count（$this->search）<3]，
//“搜索”=>[“除了”=>fn（$value）=>count（$value）<3]，
];
公共职能
{
返回视图（'livewire.search posts'[
'posts'=>Post:：where（'title'，'like'，'%。$this->search'%'）->get（），
]);
}
}

组件

<div>
    <input wire:model.debounce="search" type="search" placeholder="Search posts by title...">

    <h1>Search Results:</h1>

    <ul>
        @foreach($posts as $post)
            <li>{{ $post->title }}</li>
        @endforeach
    </ul>
</div>

搜索结果：

@foreach（$posts作为$post）
{{$post->title}
@endforeach

在这种情况下，没有更多的自定义指令可供使用。。您需要添加一个按钮来提交查询，并在提交之前检查length@PsyLogic有没有办法控制通过javascript发送数据？例如，添加一个

if（）

condition…@Raskul您可以使用alpins js-inside-livewire组件实现这一点。@rehman akbar您能给我一个线索吗？在这种情况下，您不能再使用自定义指令了。。您需要添加一个按钮来提交查询，并在提交之前检查length@PsyLogic有没有办法控制通过javascript发送数据？例如，添加一个

if（）

condition…@Raskul您可以使用alpins js-inside-livewire组件实现这一点。@rehman akbar您能给我一个线索吗？非常感谢。你能不能也添加组件代码？当然，我添加了一个例子，doc的token，非常感谢。你能不能也添加组件代码？当然，我添加了一个示例，来自文档的令牌和