[C#] Blazor练习 定时刷新组件数据2

2022-12-01 10:55:17 浏览数 (1)

吐槽一把:现在变态这么多吗???天天投诉个锤子。不感兴趣取消关注不就行了。又不强求。。。。

[C#] Blazor练习5 定时刷新组件数据

疫情被关在家,只能用小孩上网课的电脑再复习下。

代码语言:javascript复制
@page "/"

<h1>定时刷新数据!</h1>
<button @onclick=@ChangeData>Change data</button>
<ol>
    @foreach(string item in Items)
    {
        <li>@item</li>
    }
</ol>

@code {
    Timer    Timer;
    List<string> Items = new List<string> { "One", "Two", "3" };
    void ChangeData()
    {       
        if  (Items.Count>10){        
         Items.RemoveAt( 0) ;
        }  Items.Add(DateTime.Now.ToString());
    }
        protected override void OnInitialized()
        {
            base.OnInitialized();
  Timer = new System.Threading.Timer(_ =>
    {
      InvokeAsync(ChangeData);
    InvokeAsync(StateHasChanged);
    }, null, 500, 1000);        }
}

0 人点赞