问题描述
在Blazor中,您可以将内容放入@if
块中,然后将该条件设为true,例如,动态加载内容。在按钮上单击。
我有一个Bootstrap下拉菜单,当第一次单击该下拉菜单时,将加载其内容。由于某种原因,第一次单击下拉按钮时不遵循正确的对齐方式,但随后每次单击时都将其打开。有一些关于初始渲染和CSS无法使用的问题。我不确定为什么会这样。
以下是一个示例(Blazor服务器端):https://blazorfiddle.com/s/yc5m9rv4
解决方法
自从Bootstrap下拉菜单用户popper.js以来,就找到了解决方案。 Bootstrap提供了一种update
方法来刷新下拉菜单的位置。
要解决此问题,只需在呈现下拉菜单后调用update
方法即可。
以下是此解决方案的更新,它是问题中的示例:https://blazorfiddle.com/s/t24r1753