专业网站建设品牌，十四年专业建站经验，服务6000+客户--广州京杭网络

免费热线：400-683-0016      微信咨询  |  联系我们

• 网站首页
• 网站建设
• 短视频
• 网站推广
• 网站模板
• 客户案例
• 资讯动态
• 关于我们

Blazor Webassembly数据更新

当前位置：网站建设 > 技术支持

今天测试一段代码如下：点击测试后，调用远程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();

       }