Bootstrap 单独加载 Jmeter 板组件,其上带有加载图标asp.net核心

uxh89sit  于 2022-12-16  发布在  Bootstrap
关注(0)|答案(1)|浏览(96)

我正在工作的。net核心 Jmeter 板与大量的图表和数据,当我们加载 Jmeter 板它看起来时间,我想先加载我的 Jmeter 板然后小部件与加载图标上,因为每个小部件都得到自己的数据,它会显示

ergxz8rk

ergxz8rk1#

我制作了一个非常简单的组件用于演示
Component.razor:

@if (string.IsNullOrEmpty(_message))
{
    <h3>Loading...</h3>
}
else
{
    <h3>@_message</h3>
}

@code {
    [Parameter]
    public int Delay { get; set; }

    private string _message;

    protected override async Task OnInitializedAsync()
    {
        // SIMULATING data fetching or other initialization task
        await Task.Delay(Delay);

        _message = "Done";
    }
}

Index.razor

@page "/"

<PageTitle>Index</PageTitle>

<Component Delay="5000"></Component>

<Component Delay="15000"></Component>

<Component Delay="10000"></Component>

正如您所看到的,每个组件在准备就绪后都会立即更新,这同样适用于更复杂的场景,如您的 Jmeter 板。

相关问题