0

我目前正在测试 Blazor WebAssembly 并在此处尝试教程：https ://docs.microsoft.com/de-de/aspnet/core/tutorials/build-your-first-blazor-app?view=aspnetcore-3.1

在示例项目中，有一页（文件：Pages/Counter.razor），其中一个按钮增加了一个计数器的值：

@page "/counter"

<h1>Counter</h1>

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

<button class="btn btn-primary" @onclick="IncrementCount">Click me</button>

@code {
    private int currentCount = 0;

    private void IncrementCount()
    {
        currentCount++;
    }
}

我们可以看到一个onclick事件绑定到按钮并执行事件处理程序IncrementCount。当我启动此页面时，Google Chrome 的页面检查器会显示以下按钮：

<button class="btn btn-primary">Click me</button>

我在哪里可以看到Blazor 的 Chrome 开发人员工具中的绑定事件onclick和事件处理程序？IncrementCount

比较：在 javascript-framework knockout.js 中，当我使用页面检查器时，可以在浏览器中看到事件和处理程序：

<button class="btn btn-primary" data-bind="click: function() { $root.IncrementCount(); }">

关于这里的文档，我假设我看不到 HTML 元素中的事件和处理程序：

HTML 标记和 C# 呈现逻辑在构建时转换为组件类。

但我希望还有其他方法可以在 Chrome 中查看处理程序的事件和名称。

4

0 回答 0