C#/Blazor
[Blazor] Button Click Event 로 Method 호출하기
kjun.kr
2022. 10. 4. 19:40
728x90
@code 를 선언하고 {} 중괄호 안에 필드와 메서드 선언을 합니다.
@code {
private int currentCount = 0;
private void IncrementCount()
{
currentCount++;
}
}
Button 의 onclick 이벤트에 메서드명을 넣게되면 호출이 되며
code 안에 선언된 cruuenrCount 필드는 @ 로 접근하여 사용합니다.
<button class="btn btn-primary" @onclick="IncrementCount">Click me (@currentCount)</button>
실행하면 Button 클릭 시 버튼의 내용에 카운트가 표시됩니다.
전체코드
Counter.razor
@page "/counter"
<PageTitle>Counter</PageTitle>
<h1>Counter</h1>
<button class="btn btn-primary" @onclick="IncrementCount">Click me (@currentCount)</button>
@code {
private int currentCount = 0;
private void IncrementCount()
{
currentCount++;
}
}
728x90