Blazor 路线在同一页面发生变化

2023-11-24

我当前的设置:

  • .NET Core 3(预览版 6)
  • Blazor 服务器端渲染

在 Blazor 页面中,我有类似以下内容:

@page "/page"
@page "/page/{Id}"

With:

[Parameter]
public string Id { get; set; }

现在,例如,当从以下位置导航时:/page/1 to /page/2, 我可以用OnParametersSetAsync来检测这些变化。但是当从以下位置导航时就会出现问题/page/1 to /page. OnParametersSetAsync可以检测到这种变化,但是Id参数将保持为1从之前的路线。

我想知道在这种情况下我能做什么。


Blazor 不会用 null 覆盖空参数,请自行执行:

@page "/Counter"
@page "/Counter/{Id}"
<h1>Current Id: @IdString;</h1>
<a href="/Counter"> go home </a> |
<a href="/Counter/1"> go home 1 </a> |
<a href="/Counter/2"> go home 2 </a>

@code
{
    private string IdString;
    [Parameter] public string Id { get; set; }

    protected override async Task OnParametersSetAsync()
    {
        // copy par value somewhere
        IdString = Id?.ToString() ?? "";

        // rest parm (set to null) by yourself
        Id=null;  
    }
}

enter image description here

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Blazor 路线在同一页面发生变化 的相关文章

随机推荐

  • 作为类成员的灵活数组

    海湾合作委员会 G 9 这段代码 class foo int bar 111 123 产生有关灵活数组的初始值设定项的错误 但这一个 class foo int bar 2 111 123 正常编译 有什么解决方法可以不计算我输入的值吗 与
  • Jackson - 动态抑制属性的序列化(写入)

    我正在尝试使用 Jackson 将 Tomcat jersey 中的 java 对象转换为 JSON 对象 并希望动态抑制某些属性的序列化 写入 我可以使用 JsonIgnore 但我想在运行时做出忽略决定 有任何想法吗 因此 作为下面的示
  • Spring Zuul API 网关,在同一请求中使用 Spring Session / Redis 进行身份验证和路由

    在过去的几天里 我一直在苦苦寻找如何做到这一点 最后决定承认失败并寻求帮助 拜托 我遵循 Dave Syer 博士关于 Angular 和 Spring Security 的教程 特别是 Zuul 代理作为 api 网关以及将 Spring
  • toString():用于调试还是用于人类?

    class Address private enum Component NUMBER STREET STATE COUNTRY private Map
  • 真正的随机C#生成器

    Random ran new Random byte tmp byte ran Next 10 这段代码有替代方案吗 它似乎没有完全随机的行为 发生这种情况的原因有多种 一个常见的问题是创建多个实例Random程序中的类 当使用Random
  • 无法从 Visual Studio 2015 连接到 mysql

    所以我已经花了大约 2 天的时间尝试解决这个问题 我已经在我的工作场所电脑上成功修复了这个问题 但无法让它在我的家庭电脑上工作 我读过十几篇 SO 文章和 Oracle 论坛文章等等 但它仍然不起作用 我有用于 Visual Studio
  • 可视化点云

    我在找到的视差图像上有来自 gpu reprojectImageTo3D 的 3D 点 我现在想显示这个点云 如何将找到的点云转换为OpenCV to sensor msgs PointCloud2 我不需要发布点云 这仅用于调试可视化 是
  • 访问令牌中缺少“aud”声明

    由于我未知的原因 aud 声明不存在于访问令牌中 尽管它存在于 id 令牌中 将访问令牌发送到 API 后 我收到以下错误 持有者未经过身份验证 失败消息 IDX10214 观众 验证失败 观众 空 不匹配 validationParame
  • Flutter 2:无法确定捆绑的 Java 版本

    我在 Windows 10 下使用 Android Studio 来运行 flutter 项目 但是我有这个警告我想修复 X Unable to determine bundled Java version Try updating or
  • 在javascript中将指数表示法小数位限制为4

    如何在 JavaScript 中使用这种类型的值将小数位限制为 4 e 是指数 因为我使用的是十个值的幂 toFixed 似乎不起作用 1 0531436913408342e 7 5 265718456704172e 7 8 4251495
  • CSS Flexbox 影响 Bootstrap 3 布局

    我正在尝试在 Bootstrap 3 中创建下面的布局 我可以实现 sm 下显示的布局 并且使用 Flexbox 我想将 div 1 和 2 交换为 xs 屏幕 问题是 当我将包含的 div 设置为 Flexbox 时 它会将 sm 布局上
  • 使用 ContentProvider 时出现“错误代码 5:数据库已锁定”

    我有一个应用程序 它在启动并绑定到该活动的单独进程中运行带有服务的活动 该服务包含一个处理程序 该处理程序发布一个可运行对象以在延迟后运行 我希望每个组件都登录到数据库 因此我实现了一个处理数据库访问的内容提供程序 并通过扩展的 Async
  • Chrome 中“此网页有重定向循环”,但在 FF 和 IE 上工作正常?

    这一页http www japanforum com forum japanese language help 39454 tara past tense clause html可以使用 FireFox IE Safar Opera 访问
  • 无法将 Angular 从版本 6 降级到版本 5

    最近 2018 年 5 月 更新的 Angular 稳定版本已经发布 我已成功从版本 5 迁移到版本 6 但由于某种原因我想回滚到版本 5 我尝试过以下命令 npm uninstall g angular cli 它卸载了最新版本的 Ang
  • 如何在没有匿名类型的情况下按多个字段进行 LINQ 区分

    我有一个名为CLASS与田野 BATCH DEGREE DEPT SEM SECTION GROUP 我有以下记录 记录1 2009 B E CSE 3 Sem Sec 1 Group 记录2 2009 B E CSE 3 Sem Sec
  • PHP 中的 RGB 到 HSV

    在 PHP 中 将 RGB 三元组转换为 HSV 值的最直接方法是什么 这是一个简单 直接的方法 它以度数和百分比的形式返回 HSV 值 这就是 Photoshop 的颜色选择器所使用的方法 请注意 返回值不会四舍五入 如果需要 您可以自行
  • 可以在 Excel VBA 中全局声明工作表对象吗?

    我正在重构 Excel 2003 工作簿中的多个模块 并且在每个模块的每个过程中声明相同的工作表集 我只想在全球范围内声明一次 我可以将工作表名称设置为文字 例如 Public Const xlwkGSModel gs model As S
  • Numpy:与唯一坐标位置对应的值的平均值

    所以 我已经浏览 stackoverflow 很长一段时间了 但我似乎找不到解决我的问题的方法 考虑一下这个 import numpy as np coo np array 1 2 2 3 3 4 3 4 1 2 5 6 1 2 value
  • Android的bulkTransfer在读取数据时返回-1,但缓冲区中确实有一些数据

    我在 Galaxy Tab p7300 中编写了一个应用程序 通过 otg 电缆与密钥 scsi 设备 进行通信 我第一次可以使用bulkTransfer 读取数据 但下次就不能了 然后我使用 Ellisys Visual USB 嗅探数据
  • Blazor 路线在同一页面发生变化

    我当前的设置 NET Core 3 预览版 6 Blazor 服务器端渲染 在 Blazor 页面中 我有类似以下内容 page page page page Id With Parameter public string Id get s