小编smi*_*reg的帖子

组件内的 Blazor 双向绑定文本区域

我正在尝试在 Blazor 中的子组件内双向绑定文本区域,但我无法弄清楚。

家长

@page "/test"

<h3>Parent Component</h3>
<input type="text" @bind="mydata" />

<TWBTextArea @bind-ChildData=@mydata></TWBTextArea>

@code {
    public string mydata = "test";
}
Run Code Online (Sandbox Code Playgroud)

孩子

<h4>Child Component</h4>

<textarea @bind=@ChildData></textarea>

@code {
    [Parameter] public string ChildData { get; set; }

    [Parameter]
    public EventCallback<string> ChildDataChanged { get; set; }
}
Run Code Online (Sandbox Code Playgroud)

当我从父组件更新时,子文本区域会更新,但是当我更新子文本区域时,父不会更新。

附加说明:如果我将传递的值从字符串更改为具有字符串属性的对象,并将该对象传递给子组件,则双向绑定确实有效,但仅在更新到父组件之后。

在此先感谢您的帮助!

c# asp.net-core blazor

3
推荐指数
1
解决办法
1597
查看次数

标签 统计

asp.net-core ×1

blazor ×1

c# ×1