Livewire执行重复查询，查询量为预期两倍如何解决

问题原因排查及解决方法 #

1. 分页固有查询逻辑（大概率是你遇到的情况） #

Laravel的paginate()分页方法默认会执行2次SQL查询：

• 第一次执行count统计查询，用来获取总数据条数，生成带页码的分页导航
• 第二次执行当前页的数据查询，获取要渲染的todo列表
  这是分页功能的正常逻辑，如果你不需要显示具体页码，只需要上一页/下一页按钮，可以替换为simplePaginate()方法，就只会执行1次数据查询：
  修改render方法中的查询代码：

public function render()
{
    return view('livewire.all-todos', [
        'todos' => Todo::latest()->simplePaginate(5)
    ]);
}

如果你需要保留带页码的分页导航，那两次查询是功能必要逻辑，无需修改。 #

2. 组件重复渲染导致的重复查询 #

如果你确认两次查询是完全相同的列表查询，不是count统计查询，就是组件被重复渲染导致的，可通过以下方法修复：

方案1：检查重复的组件调用

你当前的布局文件已经直接调用了<livewire:all-todos />，如果你的路由配置是直接返回该Livewire组件，或者路由对应的视图里也调用了该组件，就会导致重复渲染，删掉多余的组件调用即可。

方案2：增加查询结果缓存

在组件内增加查询结果的缓存逻辑，避免同一次请求内重复执行查询：

class AllTodos extends Component
{
    use WithPagination;

    public $todoId;
    protected $todosCache;

    protected $listeners = [
        'todoAdded' => 'resetCache',
        'deleteConfirmed' => 'delete',
        'completeConfirmed' => 'complete'
    ];

    // 数据变更时清空缓存
    public function resetCache()
    {
        $this->todosCache = null;
    }

    // 计算属性复用查询结果
    public function getTodosProperty()
    {
        if (!$this->todosCache) {
            $this->todosCache = Todo::latest()->paginate(5);
        }
        return $this->todosCache;
    }

    public function delete()
    {
        $todo = Todo::findOrFail($this->todoId);
        $todo->delete();
        $this->resetCache();

        $this->dispatchBrowserEvent('alertInfo', [
            'message' => 'Todo has been deleted.',
            'icon' => 'success'
        ]);
    }

    public function complete()
    {
        $todo = Todo::findOrFail($this->todoId);
        $todo->update([
            'is_completed' => 1
        ]);
        $this->resetCache();

        $this->dispatchBrowserEvent('alertInfo', [
            'message' => 'Todo has been completed.',
            'icon' => 'success'
        ]);
    }

    public function render()
    {
        return view('livewire.all-todos', [
            'todos' => $this->todos
        ]);
    }

    // 其余原有方法保持不变
}

内容的提问来源于stack exchange，提问作者owf