问题的主要原因是，当用户首次加载页面时，Blazor未实际绑定数据。 因此，无法访问输入元素的值。

要解决此问题，需要使用Blazor生命周期方法OnInitAsync（）和SetParametersAsync（）。 在OnInitAsync（）方法中，您可以使用JavaScript方法将值存储在隐藏字段或浏览器缓存中。 随后，在SetParametersAsync（）方法中，您可以检查这些存储的值。

以下是示例代码：

在你的Blazor组件中：

@page "/mycomponent"

@code { protected string MyInputValue { get; set; }

protected override async Task OnInitAsync()
{
    // set some value to input field using js after component is rendered on page.
    await JsRuntime.InvokeVoidAsync("setValueToInputField", "#my-input", "Initial Value");
}

protected override async Task OnAfterRenderAsync(bool firstRender)
{
    if (firstRender)
    {
        // get value from input field using js after the field got value using js.
        MyInputValue = await JsRuntime.InvokeAsync("getValueFromInputField", "#my-input");
    }
}

protected override async Task SetParametersAsync(ParameterView parameters)
{
    await base.SetParametersAsync(parameters);

    // check if the MyInputValue has any value,
    // and use it as a default value for the input field.        
}

}

在您的JavaScript文件中：

window.setValueToInputField = (selector, value) => { const input = document.querySelector(selector); input.value = value; };

window.getValueFromInputField = (selector) => { const input = document.querySelector(selector); return input.value; };

在这个代码示例中，我们在OnInitAsync（）方法中调用setValueToInputField（）方法，将一个值“Initial Value”存储到ID为“my-input”的文本输入字段中。 然后在OnAfterRenderAsync（）方法中调用getValueFromInputField（）方法，以获取文本输入字段中的值并将其存储在MyInputValue属性中。 最后，在SetParametersAsync（）方法中，我们检查MyInputValue是否具有任何值，并使用它来设置文本输入字段的默认值。

这样，即使在Blazor绑定尝试之前，您也可以加载输入字段并获取其值。