Blazor 在单击组件上执行功能
我有一个按钮:Blazor 在单击组件上执行功能,blazor,razor-components,Blazor,Razor Components,我有一个按钮: <BSButton Color="Color.Info" @onclick="LoadCategoryDetailsModal"> <i class="fal fa-plus-circle mr-1"></i>Add New Category </BSButton> 嘿,我刚找到答案! 在组件中添加@ref=“Modal”: <CategoryDetails CategoryDetailModalTitle="@c
<BSButton Color="Color.Info" @onclick="LoadCategoryDetailsModal">
<i class="fal fa-plus-circle mr-1"></i>Add New Category
</BSButton>
嘿,我刚找到答案! 在组件中添加@ref=“Modal”:
<CategoryDetails CategoryDetailModalTitle="@categoryDetailModalTitle">
</CategoryDetails>
<CategoryDetails CategoryDetailModalTitle="@categoryDetailModalTitle" @ref="@Modal"></CategoryDetails>
public void Toggle()
{
CategoryDetailsModal.Toggle();
}
在方法中,单击按钮时:
private void LoadCategoryDetailsModal()
{
category = new Category();
categoryDetailModalTitle = "Add New Category";
Modal.Toggle();
}
切换这是我在子组件中创建的方法:
<CategoryDetails CategoryDetailModalTitle="@categoryDetailModalTitle">
</CategoryDetails>
<CategoryDetails CategoryDetailModalTitle="@categoryDetailModalTitle" @ref="@Modal"></CategoryDetails>
public void Toggle()
{
CategoryDetailsModal.Toggle();
}
如果在父组件中有子组件:
<BSButton Color="Color.Info" @onclick="LoadCategoryDetailsModal">
<i class="fal fa-plus-circle mr-1"></i>Add New Category
</BSButton>
CategoryDetailsModal.Toggle();
<CategoryDetails CategoryDetailModalTitle="@categoryDetailModalTitle"></CategoryDetails>
CategoryDetailsModalRef是一个对象,包含对
CategoryDetails子组件。这就是如何将@ref属性添加到
捕获对CategoryDetails组件的引用:
<CategoryDetails @ref="CategoryDetailsModalRef" CategoryDetailModalTitle="@categoryDetailModalTitle"></CategoryDetails>
在@code块中定义:categorydails categorydailsmodalref代码>
注意,上面的代码假设您在中定义了一个名为Toggle()的方法
CategoryDetails组件,其作用是切换模式窗口的显示,可能通过将布尔变量从true更改为false,反之亦然
希望这能有所帮助……那么,除了你模糊的命名更改之外,我的答案和你的答案有什么区别呢?没有区别,我和你在同一时间发布了答案。
<CategoryDetails @ref="CategoryDetailsModalRef" CategoryDetailModalTitle="@categoryDetailModalTitle"></CategoryDetails>