如何在Laravel Nova中内联显示HasMany关联的结果？

要在Route的索引视图单行中显示关联的Steps，你需要用计算字段替代默认的HasMany字段（Nova的HasMany在索引页会生成独立表格），具体修改如下：

1. 修改字段定义 #

替换原来的HasMany字段为Text计算字段，通过闭包拼接Steps的名称：

public function fields(NovaRequest $request)
{
    return [
        Text::make('Route Name', 'name')->sortable()->copyable(),
        Text::make('Some Route Detail', function () {
            return $this->getSomeRouteDetail();
        })->onlyOnIndex(),
        // 新增步骤计算字段
        Text::make('Steps', function () {
            // 无步骤时显示"-"，有步骤则拼接名称（假设Step模型的名称字段是name，按需替换）
            return $this->steps->isEmpty() 
                ? '-' 
                : $this->steps->pluck('name')->join(', ');
        })->onlyOnIndex(),
    ];
}

2. 优化查询性能（避免N+1问题） #

为了防止每条Route都单独查询一次Steps，需要在索引查询中预加载关联：

public static function indexQuery(NovaRequest $request, $query)
{
    // 预加载steps关联，减少数据库查询次数
    return $query->with('steps');
}

这样修改后，Route的索引页就会生成你需要的单一表格，步骤列会显示对应Route的步骤名称（无步骤时显示"-"）。

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