Vue、Inertia.js 和 Laravel 中的删除请求无效：找出错误并解决它

2024-03-12 12:19:05

删除请求失效：探究 Vue、Inertia.js 和 Laravel 的奥秘

问题

在使用 Vue 和 Inertia.js 搭配 Laravel 构建应用程序时，执行删除操作可能会遇到意想不到的错误：“count(): Argument #1 ($value) must be of type Countable|array, string given”。本文将深入探讨错误根源并提供解决方法。

错误根源

此错误源自于请求中的 user 参数类型与 Laravel 预期的不匹配。Laravel 的 destroy 方法期望 id 参数是一个可数集合或数组，但给定的参数是一个字符串。此外，显式使用查询生成器指定 ID 时，删除操作也无法执行，因为 whereIn 方法需要一个数组作为其第二个参数。

解决方案

正确使用 delete 方法

要正确使用 delete 方法，需要将 ids 数组转换为可数集合或数组。一种简单的方法是使用 collect 助手函数：

const deleteSelectedUsers = () => {
    const ids = collect();
    selectedUsers.value.forEach((val) => {
        ids.push(val.id);
    });

    router.delete(
        route("users.destroy", {
            user: ids,
        })
    );
};

正确使用查询生成器

要使用查询生成器正确执行删除操作，需要将 id 数组传递给 whereIn 方法：

public function destroy(Request $request)
{
    try {
        DB::table('users')->whereIn('id', $request->user->all())->delete();
    } catch (Throwable $e) {
        dd($e);
    }
}

其它注意事项