布局与RenderBody视图模型不匹配引发InvalidOperationException错误求助

问题本质 #

你的布局页（Layout）声明了强类型模型List<PeriodIndexModel>，但使用该布局的视图传递了List<ExpenseListModel>类型的模型，两者类型不兼容，导致InvalidOperationException。布局页的强类型要求所有使用它的视图必须传递匹配的模型类型，否则就会触发该错误。

关于部分视图方案的合理性 #

用部分视图解决的思路是可行的，但不是唯一最优解，下面是几种更直接的解决方案：

方案1：移除布局页的强类型依赖（最推荐）

如果布局本身不需要使用PeriodIndexModel的任何数据，直接删除布局页中的@model List<ConsumoFE.WebPage.Models.PeriodIndexModel>声明，或者改为@model dynamic。这样不管RenderBody中渲染的视图使用什么模型，都不会再出现类型冲突。

方案2：用ViewData/ViewBag传递布局所需数据

如果布局确实需要展示PeriodIndexModel的数据，不要让布局依赖强类型模型，改用ViewData或ViewBag传递：

1. 在HomeController的Index方法中，将模型存入ViewData：

public async Task<IActionResult> Index(PeriodFilter filter)
{
    var periods = await _periodBusiness.GetPeriods(filter);
    if (periods.Success)
    {
        var periodModel = ...; // 生成List<PeriodIndexModel>
        ViewData["PeriodData"] = periodModel;
        return View();
    }
    ViewData["PeriodData"] = null;
    return View();
}

2. 在布局页中获取数据：

@{
    var periodData = ViewData["PeriodData"] as List<ConsumoFE.WebPage.Models.PeriodIndexModel>;
}
<!-- 使用periodData渲染布局内容 -->

这样视图可以自由使用自己的模型（比如List<ExpenseListModel>），和布局的数据互不干扰。

方案3：使用部分视图+组合模型（复杂场景适用）

如果必须保留布局的强类型，且视图需要使用不同模型，可以通过组合模型+部分视图实现：

1. 创建一个组合视图模型，包含布局和视图所需的所有数据：

public class CombinedViewModel
{
    public List<PeriodIndexModel> Periods { get; set; }
    public List<ExpenseListModel> Expenses { get; set; }
}

2. 修改控制器，返回组合模型：

public async Task<IActionResult> GetExpenses(PeriodFilter filter)
{
    var expensesModel = ...; // 生成List<ExpenseListModel>
    // 同时获取布局需要的PeriodIndexModel数据
    var periods = await _periodBusiness.GetPeriods(filter);
    var periodModel = ...; // 生成List<PeriodIndexModel>
    var combinedModel = new CombinedViewModel
    {
        Periods = periodModel,
        Expenses = expensesModel
    };
    return View("Index", combinedModel);
}

3. 布局页使用Model.Periods，主视图中渲染部分视图：

<!-- 主视图模型为CombinedViewModel -->
@Html.Partial("ExpensesPartial", Model.Expenses)

其中ExpensesPartial是使用List<ExpenseListModel>作为模型的部分视图。

原代码错误原因 #

你的ExpensesController/GetExpenses方法返回了名为"Index"的视图，该视图默认继承布局页，但你传递的模型是List<ExpenseListModel>，与布局要求的List<PeriodIndexModel>类型不匹配，因此触发了类型校验错误。

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