美文网首页.Net Core 5学习笔记
5、Blazor Webassembly数据更新

5、Blazor Webassembly数据更新

作者: _千_鸟_ | 来源:发表于2020-12-15 17:42 被阅读0次

今天测试一段代码如下:点击测试后,调用远程API,动态更新valuedata的值。

<h1 @onclick="Test">测试</h1>

……

<span>@valuedata</span>

@code{

         public string valuedata { get; set; }

         private async void Test()

         {

               string value = await APITest();

                valuedata = "ok:" + value;

        }

}

但是结果是,第一次点击时无法更新,总是再第二次点击时才达到预期。

问题原因:异步处理数据,数据未及时更新。

解决办法:修改异步处理函数,在末尾增加StateHasChanged();

   private async void Test()

    {

        string value = await APITest();

        valuedata = "ok:" + value;

        StateHasChanged();

    }

相关文章

网友评论

    本文标题:5、Blazor Webassembly数据更新

    本文链接:https://www.haomeiwen.com/subject/rkiwgktx.html