预加载

1.x

3.x 2.x 1.x

Livewire 中文文档 /

本文档最新版为 2.x，旧版本可能放弃维护，推荐阅读最新版！

预加载

Livewire 提供了 “prefetch” 鼠标悬停显示操作结果的功能。切换显示内容是一种常见的用例。

当某个动作（例如，写入 session 或数据库）不产生副作用时，这很有用。如果您要“预取”的操作有副作用，则该副作用将无法预测地执行。
将prefetch修饰符添加到操作中以启用此行为：

<button wire:click.prefetch="toggleContent">Show Content</button>

@if ($contentIsVisible)
    <span>Some Content...</span>
@endif

现在，当鼠标进入“显示内容”按钮时，Livewire 将在后台获取 toggleContent 操作的结果。如果实际单击该按钮，它将在页面上显示内容，而无需发送其他网络请求。如果未单击该按钮，则将丢弃预取的响应。

本文章首发在 LearnKu.com 网站上。

Markdown 文本

版主 2.0k 声望

更多文章去我的博客(www.zxdstyle.cn) 看看

我们将带你从零开发一个项目并部署到线上，本课程教授 Web 开发中专业、实用的技能，如 Git 工作流、Laravel Mix 前端工作流等。

从零开发一个电商项目，功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等

讨论数量: 0

暂无话题~