Blazor点击NavMenu后不更新
创始人
2024-12-21 03:31:22
0

此问题通常是因为 Blazor 组件没有通过重新渲染来更新 NavMenu。要解决此问题,可以尝试以下步骤:

  1. 确保 NavMenu 上有适当的 @onclick 事件处理程序和余下的代码。

  2. 将 NavMenu 组件包装在一个 CascadingValue 中,以确保状态在整个应用程序中正确传递:


    

  1. 在 NavMenu 组件中,首先获取所需状态:
[Parameter]
public bool ShowNavMenu { get; set; }

protected override void OnInitialized()
{
    _showNavMenu = ShowNavMenu;
}
  1. 然后,将 NavMenu 与其它服务的更改通信:
protected override async Task OnAfterRenderAsync(bool firstRender)
{
    if (firstRender)
    {
        // Register for notification of state changes
        await JSRuntime.InvokeAsync("registerNavMenu", DotNetObjectReference.Create(this));
    }

    await base.OnAfterRenderAsync(firstRender);
}

[JSInvokable("ShowNavMenuChanged")]
public async Task ShowNavMenuChanged(bool showNavMenu)
{
    _showNavMenu = showNavMenu;
    await InvokeAsync(StateHasChanged);
}

  1. 最后,在 JavaScript 中,为状态更改添加通知:
function registerNavMenu(navMenuRef) {
    window.showNavMenu = function (show) {
        navMenuRef.invokeMethodAsync('ShowNavMenuChanged', show);
    };
}

通过遵循以上步骤,您的 Blazor NavMenu 组件应该能够正确更新。

相关内容

热门资讯

大神推荐!微扑克有辅助挂,广东... 大神推荐!微扑克有辅助挂,广东雀神麻雀怎样开挂,友友麻将起牌器(有挂解说);1、友友麻将起牌器透视辅...
玩家必看攻略!pokermas... 玩家必看攻略!pokermastersteam外挂,雀神小程序提高胜率,卡农斗牛辅助最新版本(有挂解...
研究成果!德扑之星记分牌有有用... 研究成果!德扑之星记分牌有有用,广东雀神麻雀辅助软件,推大石辅助器(有挂解密);研究成果!德扑之星记...
我来分享!aapoker有外挂... 我来分享!aapoker有外挂,微信小程序雀神挂件,丽水都莱怎么开挂(有挂辅助);丽水都莱怎么开挂辅...
一分钟了解!德扑统计软件,广东... 一分钟了解!德扑统计软件,广东雀神麻将插件免费版,海浪手游有挂吗(有挂解密)1、进入到海浪手游有挂吗...
终于懂了!wepoke小技巧,... 终于懂了!wepoke小技巧,雀神小程序辅助app,哈灵怎么开挂(有挂脚本)1、哈灵怎么开挂系统规律...
记者发布!pokerx机器人,... 记者发布!pokerx机器人,全民雀神辅助器,雀神麻将有挂吗(有挂细节)1、金币登录送、破产送、升级...
必备科技!wpk大厅是机器人,... 必备科技!wpk大厅是机器人,广东雀神吗辅助软件,杭州都莱爽口辅助器下载(有挂介绍)亲,关键说明,杭...
一分钟了解!线上德州后台可以操... 一分钟了解!线上德州后台可以操控,七彩云南游戏辅助器,畅享麻将有挂吗(有挂黑科技)七彩云南游戏辅助器...
实测分享!好运大菠萝有挂的,雀... 实测分享!好运大菠萝有挂的,雀神麻将辅牌器怎么下载,掌电竞技有外挂吗(有挂方法);1、起透看视 掌电...