在 Razor 页面中使用 Blazor @bind

Posted

技术标签:

【中文标题】在 Razor 页面中使用 Blazor @bind【英文标题】:Using Blazor @bind in Razor page 【发布时间】:2021-11-11 09:57:06 【问题描述】:

我有一个带有表单的 Razor Page 应用程序。由于需要使用“动态”图片,我想在创建的表单中使用 Blazor 的 @bind 功能。我的意思与屏幕截图上的@bind 完全相同。图片取自教程视频 [https://www.youtube.com/watch?v=Oeh2IJw7Zig&t=2353s]

是否可以在 Razor Pages Core App 中添加此功能?无需全部“重写”为 Blazor webapp 类型。

【问题讨论】:

如果您没有实时数据流,页面将如何处理 2-way 绑定? 那么,不可能吗? Razor Pages 不支持实时 2 向数据绑定。您需要一个客户端解决方案,例如 Blazor 或 Knockout。 【参考方案1】:

是否可以在 Razor Pages Core App 中添加此功能? 无需全部“重写”为 Blazor webapp 类型。

没有。只有 Blazor 支持 @bind。没有文档说您可以将 @bind 用于 ASP.NET Core 普通 Razor 页面。

参考文件

https://docs.microsoft.com/en-us/aspnet/core/blazor/components/data-binding?view=aspnetcore-5.0

https://docs.microsoft.com/en-us/aspnet/core/mvc/views/razor?view=aspnetcore-5.0#bind

【讨论】:

以上是关于在 Razor 页面中使用 Blazor @bind的主要内容,如果未能解决你的问题,请参考以下文章

Blazor 页面组件

在 Blazor 应用 Razor 页面的 InputText 中绑定类型双精度值

.NET Core - 为啥我应该使用视图组件而不是集成在 MVC 应用程序或 Razor 页面中的 Blazor 组件

如何从 Blazor 服务器端应用程序中的 Razor 页面导航到 Blazor 组件?

如何在 Blazor 中创建 Razor 页面列表

如何从服务器端 Blazor 应用程序中的 Blazor 组件调用 razor 页面而不导致页面刷新