Razor RenderPartial生成错误HTML：表单Action参数异常排查

这个问题我之前也碰到过，核心原因是ASP.NET Core的Tag Helper在处理分部视图时，会优先从父视图的ViewData/ModelState里获取路由参数，而不是分部视图自己的模型——哪怕你已经给分部视图传了正确的ItemImageViewModel。

具体原因分析 #

主视图的模型是EditModel，其中包含的ItemModel有自己的Id字段。当分部视图里使用asp-action="Delete"生成表单action时，Tag Helper会自动尝试从当前ViewContext中匹配路由参数（这里是id）的值：它的查找顺序是先看ModelState，再看ViewData，最后才看分部视图的模型。结果就误拿了父模型里Item的Id，而<img>标签里的Url.Action是你显式传入了new { id = Model.Id }，所以用的是分部模型的正确Id，这就导致了同一个@Model.Id在不同地方输出不同值的诡异现象。

解决方法 #

这里提供三种可行的解决方式，你可以根据场景选择：

方法一：显式覆盖分部视图的ViewData

在主视图渲染分部视图时，传入一个新的ViewDataDictionary，明确把Model设置为当前的imageViewModel，让Tag Helper优先使用分部视图的模型：

@if (Model.ItemModel.ImageViewModels != null && Model.ItemModel.ImageViewModels.Any())
{
    foreach(var imageViewModel in Model.ItemModel.ImageViewModels)
    {
        Html.RenderPartial("ItemImage/_itemImageEdit", imageViewModel, new ViewDataDictionary(ViewData) { Model = imageViewModel });
    }
}

方法二：手动指定表单Action，不依赖Tag Helper

直接用Url.Action生成表单的action，避免Tag Helper自动匹配参数，这种方式最直接：

@model ViewModels.ItemImageViewModel
<form action="@Url.Action("Delete", "Images", new { id = Model.Id })" method="post">
    <input type="hidden" asp-for="@Model.Id" />
    <img src="@Url.Action("Get", "Images", new { id = Model.Id })" />
    <input type="submit" value="Delete" />
</form>

方法三：用asp-route-id强制指定路由参数

在分部视图的<form>标签里，显式添加asp-route-id="@Model.Id"，告诉Tag Helper必须使用分部模型的Id作为路由参数，而不是自动查找：

@model ViewModels.ItemImageViewModel
<form asp-controller="Images" asp-action="Delete" asp-route-id="@Model.Id" method="post">
    <input type="hidden" asp-for="@Model.Id" />
    <img src="@Url.Action("Get", "Images", new { id = Model.Id })" />
    <input type="submit" value="Delete" />
</form>

验证说明 #

这三种方法都能解决你的问题：

• 方法三最符合ASP.NET Core Tag Helper的使用习惯；
• 方法一适合需要彻底隔离分部视图与父视图ViewData的场景；
• 方法二则是最直接的“绕过”自动匹配逻辑的方式。

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