如何修复Laravel Jetstream+Vue中地址栏GET参数闪烁问题？

当访问以下URL时：

http://localhost/admin/users/list?page=2&field=name&direction=asc

地址栏会出现闪烁现象，同时参数顺序被自动切换为：

http://localhost/admin/users/list?direction=asc&field=name&page=2

相关代码片段 #

Controller 代码 #

public function list() {
    return Inertia::render('Admin/Users/List', [
        'users' => User::orderBy(request('sort', 'id'), request('direction', 'asc'))
            ->paginate(10)->withQueryString(),
        'direction' => request('direction'),
        'sort' => request('sort'),
    ]);
}

list.vue 路由跳转代码 #

router.get(route('admin.users.list'), {
    direction: direction.value,
    page: 1,
    sort: sort.value,
});

pagination.vue 分页链接代码 #

:href="pagination.prev_page_url"

最终生成的分页URL示例：

http://localhost/admin/users/list?direction=asc&page=5&sort=name

检查发现请求的来源地址与浏览器地址栏显示的地址存在参数顺序差异：

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