延迟加载

未匹配的标注
本文档最新版为 2.x,旧版本可能放弃维护,推荐阅读最新版!

延迟加载

Livewire 提供了 wire:init 指令,以在呈现组件后立即执行操作。 如果您不想承受整个页面的加载,但是想在页面加载后立即加载一些数据,这将很有帮助。

use Livewire\Component;

class ShowPost extends Component
{
    public $readyToLoad = false;

    public function loadPosts()
    {
        $this->readyToLoad = true;
    }

    public function render()
    {
        return view('livewire.show-posts', [
            'posts' => $this->readyToLoad
                ? Post::all()
                : [],
        ]);
    }
}
<div wire:init="loadPosts">
    <ul>
        @foreach ($posts as $post)
            <li>{{ $post->title }}</li>
        @endforeach
    </ul>
</div>

Livewire 组件在页面上呈现后,将立即运行 loadPosts 操作。

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

上一篇 下一篇
《L05 电商实战》
从零开发一个电商项目,功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
《L04 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
讨论数量: 0
发起讨论 只看当前版本


暂无话题~