Blazor(服务器)使用StateHasChanged()不更新图像。
创始人
2024-12-22 11:00:18
0

问题可能出现在缺少设置ChangeNotification()。 建议根据以下示例代码检查设置是否正确:

在 Razor 组件中:



@code {
    private string ImageSrc { get; set; }
    private async Task LoadImage()
    {
        // Load image from a source
        var imageData = await SomeService.GetImageDataAsync();
        ImageSrc = $"data:image/png;base64,{Convert.ToBase64String(imageData)}";
        // Call StateHasChanged
        this.StateHasChanged();
    }
    protected override async Task OnInitializedAsync()
    {
        // Call LoadImage on component initialization
        await LoadImage();
    }
}

在后台代码中:

public async Task GetImageDataAsync()
{
    // Return image byte data from an external source
    // Make sure to notify the client that component state is updated after loading new image data
    await Task.Delay(500);
    return await SomeService.GetImageBytesAsync();
}

如果ChangeNotification没有正确设置,建议添加以下代码段:

public async void SetChangeNotification()
{
    while(true)
    {
        this.StateHasChanged();
        await Task.Delay(500);
    }
}
protected override async Task OnInitializedAsync()
{
    // Call SetChangeNotification on component initialization
    SetChangeNotification();
}

通过上述步骤,应该可以解决Blazor(服务器)使用StateHasChanged()不更新图像的问题。

相关内容

热门资讯

透视规律!哈糖大菠萝有挂吗5个... 透视规律!哈糖大菠萝有挂吗5个常用方法,南通长牌辅助,规律教程(有挂解说)1、下载好南通长牌辅助辅助...
透视中牌率!wepoker怎么... 透视中牌率!wepoker怎么获得好牌,微信大a辅助,线上教程(有挂介绍);1、很好的工具软件,可以...
透视好友!wepoker透视脚... 透视好友!wepoker透视脚本免费下载,789大菠萝有挂吗,曝光教程(有挂详情)1、首先打开789...
透视计算!wepoker透视脚... 透视计算!wepoker透视脚本免费下载pc,丫丫老陕开挂,技巧教程(有挂解说)1、透视计算!wep...
透视智能ai!htx矩阵wep... 透视智能ai!htx矩阵wepoker辅助,聚财平台辅助,普及教程(有挂技巧);1、聚财平台辅助透视...
透视好友!wepoker有机器... 透视好友!wepoker有机器人吗,潮友会app下载官方辅助器,2025新版教程(有挂辅助)1、下载...
透视黑科技!aapoker插件... 透视黑科技!aapoker插件,兴动海满辅助,规律教程(有挂插件)兴动海满辅助辅助器中分为三种模型:...
透视辅助!poker辅助器免费... 透视辅助!poker辅助器免费安装,开心游戏快跑辅助,靠谱教程(有挂揭秘)在进入开心游戏快跑辅助辅助...
透视有挂!wepoker-h5... 透视有挂!wepoker-h5下载,鱼乐达人脚本辅助,大神讲解(有挂脚本)1、进入到鱼乐达人脚本辅助...
透视新版!wepoker透视破... 透视新版!wepoker透视破解版,哈糖大菠萝辅助,详细教程(有挂规律);1、任何哈糖大菠萝辅助ai...