반응형 Blazor6 Blazor 코드에서 페이지 이동 처리하기 Blazor는 기본 라우팅이 아주 쉽게 되어 있는데 그중 페이지 이동을 처리하는 방법을 알아보겠습니다. 페이지 이동은 NavigationManager를 이용해서 하면 되는데 이 객체를 인젝트(Inject)를 이용해서 주입해서 사용하면 됩니다. 우성 페이지를 만들어 봅시다 추가 => 레이저 컴포넌트이름.razor 추가 => 레이저 컴포넌트.razor.cs 이렇게 레이저와 같은 이름으로 추가한 뒤에 Partial Class로 선언하면 자동으로 페이지의 코드 비하인드를 클래스와 따로 분리할 수 있습니다. 이러면 F7를 이용해서 자유롭게 이동하면서 코딩할 수 있습니다. 그런 뒤 button이나 a 태그를 만들어서 클릭 후 이동할 태그를 만들어 줍니다. 속성에 @onclick="Home" 이렇게 주면 해당 태그를.. 2021. 12. 21. [blazor] javascript 실행하기 요즘 blazor에 푹 빠져서 공부하고 있는데 완전 편한게 많은거 같네요 blazor에서 자바스크립트를 실행하는 방법을 정리 해볼게요 코드 @page "/test" @inject IJSRuntime JS 완료 @code{ void btn_Click() { JS.InvokeAsync("alert", "메시지 출력"); } } 1. 우성 페이지 최상단에 자바스크립트 런타임을 선언해 줘야 합니다. 2. 버튼 이벤트를 코드와 연결합니다. 3. 해당 이벤트 코드에서 런타임을 호출해서 InvokeAsync를 통해서 메시지를 출력합니다. 이상으로 초간단 자바스크립트 호출 방법 이었습니다. 2021. 12. 19. 이전 1 2 다음 반응형