Blazor子组件渲染和参数更改
创始人
2024-12-22 09:00:26
0

在 Blazor 中,父组件向子组件传递参数时,当这些参数更改时,子组件可以自动重新渲染。但是,如果子组件甚至根本没有呈现,这些参数更改也不会触发新的呈现。这是因为 Blazor 不会在子组件未呈现时保留其渲染状态和参数值。

为了解决这个问题,可以将子组件包装在一个 div 中,并添加一个 @key 属性,将其绑定到组件的参数中。这样,当参数更改时,Blazor 会认为这是一个新的 div,会重新呈现子组件。

下面是一个示例:

在父组件中:

Toggle Child Component
@if(ShowChildComponent) {
} @code{ bool ShowChildComponent { get; set; } = false; int ChildComponentArgument { get; set; } = 1; void ToggleChildComponent() { ShowChildComponent = !ShowChildComponent; ChildComponentArgument++; } }

在子组件中:

Child Component Argument: @Argument
@code{ [Parameter] public int Argument { get; set; } }

相关内容

热门资讯

aapoker辅助使用教程(a... aapoker辅助使用教程(aapokeR)aapoker用外挂会被封号吗(辅助挂)细节方法(总是有...
黑科技攻略(德州wpk德州)外... 黑科技攻略(德州wpk德州)外挂透视辅助方法(透视)2025新版技巧(好像真的有挂);1、完成德州w...
aa扑克外挂(AApOKER)... aa扑克外挂(AApOKER)aapoker ai软件(辅助挂)可靠教程(果然是真的有挂)1、完成a...
黑科技真的(wpk微扑克)外挂... 黑科技真的(wpk微扑克)外挂透视辅助下载(透视)2025新版技巧(一直真的是有挂)1、下载好wpk...
aapoker辅助使用教程(A... aapoker辅助使用教程(AApOKER)aapoker智能ai辅助(辅助挂)扑克教程(切实真的是...
黑科技免费(wpk德州扑克)外... 黑科技免费(wpk德州扑克)外挂透视辅助方法(透视)软件教程(真是真的是有挂)1、完成wpk德州扑克...
aapoker辅助使用教程(德... aapoker辅助使用教程(德州aapoker)Aapoker app(辅助挂)必胜教程(都是真的是...
黑科技玄学(线上微扑克)外挂透... 黑科技玄学(线上微扑克)外挂透视辅助器(透视)2025新版教程(原来是有挂);1、进入到线上微扑克黑...
黑科技挂(wpk俱乐部)外挂透... 黑科技挂(wpk俱乐部)外挂透视辅助助手(透视)力荐教程(竟然是真的有挂)1)wpk俱乐部辅助挂:进...
wepoke透明挂是真的吗(W... wepoke透明挂是真的吗(WepoKe)wepoke软件机器人(黑科技)揭秘教程(竟然存在有挂)1...