如何使用Blazor使用alert（），confirm（）和hint（）函数？

Question

我正在学习Blazor技术。我在VS 2019中启动了一个默认的增量项目，并且我已经用Confirm（）和alert修改了Decrement的代码，但它不起作用。

 @page "/counter"

<h1>Counter</h1>

<p>Current count: @currentCount</p>

<button class="btn btn-primary" @onclick="IncrementCount">Increment</button>
<button class="btn btn-primary btn-danger" onclick="if (confirm('Are you sure to Decrement')) { @DecrementCount() }">Decrement</button>

@code {
    private int currentCount = 0;

    private void IncrementCount()
    {
        currentCount++;
    }

    private void DecrementCount()
    {
        currentCount--;
        // alert('Operation Successfully executed')
    }
}

在我的代码段中，Confirm（）函数可正常运行，但我想调用Decrement函数无法正常工作，但构建失败。我想在功能中添加成功消息。请提供任何选项，而不要使用Confirm（），alert（）函数。

Answer 1

不幸的是，在Blazor中还没有实现这些有用的功能。因此，您需要使用JSRuntime实例。

@inject IJSRuntime JsRuntime;