这款应用运行得很好(除了从一个小窗口运行时速度很慢),但每当加载新页面时,页面上的元素都无法识别鼠标(例如,当光标悬停在可点击的元素上时,光标不会改变),直到用户点击页面内的某个位置.我不知道我会在这里包括什么代码来澄清,但我很高兴添加任何任何人认为会有帮助的代码.这可能与我对大多数元素使用MudBlazor有关. 你可以看到here的效果
按要求添加:这是应用程序栏
<MudText Typo="Typo.h3" Class="ml-3 clickable" @onclick="ReturnToIndex" Style="margin-right:10px;font-weight:bold;font-family:'Times New Roman', Times, serif">RecipeAZ</MudText>
@if (User?.Id == "02174cf0–9412–4cfe - afbf - 59f706d72cf6") {
<MudIconButton Icon="@Icons.Material.Filled.FileUpload" OnClick="@_jsonDbService.ExportToJson"/>
<MudIconButton Icon="@Icons.Material.Filled.FileDownload" OnClick="@_jsonDbService.ImportFromJson" />
}
<MudSpacer />
<MudGrid Spacing="1" Justify="Justify.FlexEnd">
<MudItem>
<MudIconButton Icon="@Icons.Material.Filled.Search" Size="Size.Large" Style="margin-right:0px"
OnClick="GoToSearch" />
</MudItem>
<MudItem>
<MudAutocomplete T="string" Variant="Variant.Text" DisableUnderLine="true" Margin="Margin.Dense" Label="Search Recipes"
Style="margin-left:0px;margin-right:0px;width:300px;background-color:#fff1ce;border-radius:6px"
@bind-Text="_searchValue" SearchFunc="SearchRecipes"
ResetValueOnEmptyText="true" CoerceText="false"/>
</MudItem>
<MudItem Class="vcenter mr-5">
<MudButton Size="Size.Small"
@onclick="() => GoToBrowse()">
Advanced search
</MudButton>
</MudItem>
<MudItem Class="vcenter">
<AuthorizeView>
<Authorized>
<MudButton Class="mr-5" OnClick="NewRecipe" Variant="Variant.Outlined">+New Recipe</MudButton>
</Authorized>
</AuthorizeView>
</MudItem>
</MudGrid>
<MudSpacer />
<LoginDisplay />
</MudAppBar>
我突然想到有两个布局,一个是我与MudBlazor一起编写的,另一个我认为肯定是在我添加身份脚手架时引入的.我认为后者只有在与账户相关的剃须刀页面上才有意义,但其中的元素在所有页面上都是看不见的.所以在App.Razor中,我有
<RouteView RouteData="@routeData" DefaultLayout="@typeof(MainLayout)" />
然后在Pages文件夹中有_ViewStart.cshtml,它具有
@{ Layout = "/Pages/Shared/_Layout.cshtml"; }
在我看来,这可能是罪魁祸首. 更新:好的,我将_ViewStart移到了Pages/Account文件夹中,这确实从与帐户无关的页面中删除了_Layout.cshtml元素,但没有改变点击行为.