Blazor Razor 验证消息不从组件库中显示

Question

我创建了一个 blazor 组件库，以便能够从应用程序调用组件，但未显示消息验证。目前，验证在 InputText 中完成（它验证输入的格式或长度），但未显示消息或组件的样式。

组件库的代码：

自定义输入文本

<input value="@Value" @oninput="OnValueChanged" placeholder=@placeholderText class="form-control i-component o-my-4" />
<ValidationMessage For="@(() => model)" />

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

    [Parameter]
    public object model { get; set; }

    [Parameter]
    public string Value { get; set; }

    [Parameter]
    public EventCallback<string> ValueChanged { get; set; }

    private Task OnValueChanged(ChangeEventArgs e)
    {
        Value = e.Value.ToString();

        return ValueChanged.InvokeAsync(Value);
    }
}

我从 nuget 包中导入组件以便能够在应用程序中使用它

应用代码：

<CustomInputText placeholderText="Place Holder Test" model="filterPayroll.IPF" @bind-Value="filterPayroll.IPF"/>

当我将 ValidationMessage 直接放在应用程序中时，它可以正常工作，但不能在库中。对于这两种情况，链接到“filterPayroll”类的验证是正确完成的，区别在于一种显示消息而另一种不显示。

Answer 1

您需要将 For 作为表达式传递给验证摘要。

CustomInputText 需要如下所示：

<input value="@Value" @oninput="OnValueChanged" placeholder=@placeholderText class="form-control i-component o-my-4" />
<ValidationMessage For="@For" />

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

    [Parameter] public Expression<Func<string>>? For { get; set; }

    [Parameter]
    public string Value { get; set; }

    [Parameter]
    public EventCallback<string> ValueChanged { get; set; }

    private Task OnValueChanged(ChangeEventArgs e)
    {
        Value = e.Value.ToString();

        return ValueChanged.InvokeAsync(Value);
    }
}

还有你的标记：

<CustomInputText @bind-Value="filterPayRoll.IDF" For="() => filterPayRoll.IDF" />