Mattab ラベル ポインター イベントを無効にし、タブ インデックスを使用してスロー ボタン クリックを移動する方法
<MatTabGroup Class="wrapper" Style="margin-top: 20px; pointer-events:
none;" @bind-ActiveIndex="@tabIndex"> <MatTab
Class="pointer-events-none" Style="cursor:none;pointer-events:none;">
<LabelContent>
<div class="row">
<div class="col-md-3">
<div Class="@(tabIndex == 0 ? "circle-tab-active" : "circle-tab-inactive")" style="cursor:none;pointer-events:none;">
<MatIcon Icon="done" style="cursor:none;pointer-events:none;"></MatIcon>
</div>
</div>
<div class="col-md-9" style="margin-top: 20px; pointer-events: none;">Tab 1</div>
</div>
</LabelContent>
<ChildContent> <p></p>
</ChildContent> </MatTab> <MatTab Class="pointer-events-none" Style="cursor:none;pointer-events:none;">
<LabelContent>
<div class="row">
<div class="col-md-3">
<div Class="@(tabIndex == 0 ? "circle-tab-active" : "circle-tab-inactive")" style="cursor:none;pointer-events:none;">
<MatIcon Icon="done" style="cursor:none;pointer-events:none;"></MatIcon>
</div>
</div>
<div class="col-md-9" style="margin-top: 20px; pointer-events: none;">Tab 2</div>
</div>
</LabelContent>
<ChildContent> <p></p>
</ChildContent> </MatTab> </MatTabGroup>
<MatButton Style="margin-left:5px" Raised="true" Disabled="@(tabIndex
> == 0)" OnClick="@ChangePreviousTab">Previous</MatButton>
<MatButton Raised="true" Disabled="@(tabIndex == 1)" OnClick="@ChangeTab">Next</MatButton> @code { void
ChangeTab(MouseEventArgs e) {
if (tabIndex ==0)
{
studentList.RemoveAll(x => x.EnrollmentInformation.ApplicationTypeId != selectedApplicationId);
}
tabIndex = tabIndex < 2 ? tabIndex + 1 : 0; }
void ChangePreviousTab(MouseEventArgs e) {
tabIndex = tabIndex == 2 ? tabIndex - 1 : 0; }
}'''
Blazor フィドル リンク
https://blazorfiddle.com/s/sl0ax2hb
カーソルの上を無効にしてポインターイベントを無効にしないでください。plsは解決策を提供します。