在Blazor中,您可以动态加载内容,方法是将其放入@if
块中,然后使该条件为true,例如单击按钮。
我有一个Bootstrap下拉列表,其内容在第一次单击下拉列表时加载。出于某种原因,第一次单击下拉按钮时不会使用右对齐方式,而是在随后每次单击打开下拉按钮时使用。初始渲染和CSS都会出现一些问题。我不知道为什么会发生这种事。
下面是一个示例(Blazor服务器端(:https://blazorfiddle.com/s/yc5m9rv4
由于Bootstrap下拉用户popper.js,解决方案就是通过它找到的。Bootstrap提供了一种update
方法来刷新下拉列表的位置。
为了解决这个问题,只需要在呈现下拉列表后调用update
方法。
以下是此解决方案对问题中的示例的更新:https://blazorfiddle.com/s/t24r1753