Blazor WebAssembly: как проверить обработчик событий, связанный с html -элементом в chrome? - PullRequest
Новая
       102

Blazor WebAssembly: как проверить обработчик событий, связанный с html -элементом в chrome?

0 голосов
/ 01 апреля 2020

В настоящее время я тестирую 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>

Где я могу увидеть связанное событие onclick и обработчик событий IncrementCount в инструментах разработчика Chromes для блейзора?

Для сравнения: в нокауте javascript. js можно увидеть событие и обработчик в браузере при использовании инспектора страниц: 

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

Относительно Документация здесь Я предполагаю, что не вижу событие и обработчик в HTML -Элементе:

Разметка HTML и C# логи рендеринга c преобразуются в класс компонента во время сборки.

Но я надеюсь, что есть какой-то другой способ увидеть событие и имя обработчика в Chrome.

...