Blazorise Dropdown不会消失

Question

我是 Blazorise 的新手，我正在使用 Blazorise 下拉列表，然后我遇到了一些冲突，当我单击下拉菜单然后单击外部时，下拉菜单不会消失，有什么解决方案吗？

谢谢

<Dropdown @ref="dropdown" Display="Display.InlineBlock">
<Button Clicked="@ShowMenu" Color="Color.Secondary">Show Menu</Button>
<DropdownMenu>
<DropdownItem>Action</DropdownItem>
<DropdownDivider />
<DropdownItem>Another Action</DropdownItem>
</DropdownMenu>
</Dropdown>

@code {
Dropdown dropdown;
Task ShowMenu()
{
return dropdown.Show();
}
}

Answer 1

相反Button你必须使用DropdownToggle组件：

<Dropdown @ref="dropdown" Display="Display.InlineBlock">
<DropdownToggle Clicked="@ShowMenu" Color="Color.Secondary">Show Menu</DropdownToggle>
<DropdownMenu>
<DropdownItem>Action</DropdownItem>
<DropdownDivider />
<DropdownItem>Another Action</DropdownItem>
</DropdownMenu>
</Dropdown>

@code {
Dropdown dropdown;
Task ShowMenu()
{
return dropdown.Show();
}
}

https://blazorise.com/docs/components/dropdown