我以前在我的项目中也处理过这个问题。我的解决方案是：

• 获取所有主要类别
• 获取所有子类别（在子类别html中添加class属性）
• Create js handle main category选项：选中以按类名显示/隐藏子类别。

注：对于小类：）

解决了：
在刀片中：

<x-splade-select :options="$categories" label="Category:" name="category_id" />
 <x-splade-select label="Sub-category" name="subcategory_id" remote-url="`/api/getSubcategories/${form.category_id}`" select-first-remote-option />

其中$categories从控制器传递：

$categories = Category::whereNull('parent_id')->where('active', 1)->orderBy('name')->pluck('name', 'id');

API返回$subcategories如下：

public function getSubcategories(int $category_id = NULL) //Request $request
    {
        $subcategories = NULL;

        if ($category_id) {
            $subcategories = Category::whereNotNull('parent_id')
                ->where('parent_id', $category_id)
                ->where('active', 1)
                // ->orderBy('name') //pluck ignores it anyway
                ->pluck('name', 'id');
        } else {
            $subcategories = Category::whereNotNull('parent_id')
                ->where('active', 1)
                // ->orderBy('name') //pluck ignores it anyway
                ->pluck('name', 'id');
        }

        return $subcategories;
    }