1

我正在努力学习 blazor。我创建了一个 Blazor 服务器应用程序。我有一个引用和子剃须刀组件的父剃须刀页面。我需要一些帮助或理解。

在父级中，我像这样引用子组件“城市”：

<Cities selectID="selCities" CityList=@cities></Cities>

这会将 2 个参数传递给孩子。孩子的 html 看起来像这样：

<select ID="@selectID" class="form-control col-3">
    @if (@CityList != null)
    {
        @foreach(var city in CityList)
        {
            <option value="@city">@city</option>
        }
    }
</select>

这很好用，并提供了一个带有 ID 和选项的填充下拉列表框。

但是，如何从父组件中引用选定的文本？

子组件将驻留在父组件的 InputForm 中。单击“保存”按钮时，我需要子组件中选择框的文本值。

我知道将选择保留在父级上会更简单，但我正在尝试学习构建可重用的代码。这只是一个练习。我知道有很多次我需要向父组件返回一个值。就是想不通。

非常感谢！

4

1 回答 1

0

我找到了一个更深入研究的答案。

看来您可以在子组件代码中创建一个回调事件，该事件将更新父组件的值。

对于其他正在搜索的人，我在这里找到了此信息：在 Blazor 中共享子组件和父组件之间的数据

于 2020-06-05T17:59:58.173 回答