如何修复 Blazor MatSelect for int 抛出异常

Question

我收到这个错误。我创建了一个新的解决方案并将此代码添加到计数页面。这发生在我较大的应用程序中，但可以用框架重现它。

我尝试在没有任何锁定的情况下获取 MatSelect 的 TValue。

@page "/counter"

<h1>Counter</h1>

<p>Current count: @currentCount</p>

<MatSelect Label="Select" TValue="int" @bind-Value="@Speed">
    <MatOptionString TValue="int" Value="1200">1200 bps</MatOptionString>
    <MatOptionString TValue="int" Value="2400">2400 bps</MatOptionString>
    <MatOptionString TValue="int" Value="4800">4800 bps</MatOptionString>
    <MatOptionString TValue="int" Value="9600">9600 bps</MatOptionString>
    <MatOptionString TValue="int" Value="19200">19,200 bps</MatOptionString>
    <MatOptionString TValue="int" Value="28800">28,800 bps</MatOptionString>
    <MatOptionString TValue="int" Value="38400">38,400 bps</MatOptionString>
    <MatOptionString TValue="int" Value="56000">56,000 bps</MatOptionString>
</MatSelect>

<button class="btn btn-primary" @onclick="IncrementCount">Click me</button>

@code {
  private int currentCount = 0;
  public int Speed { get; set; }
  private void IncrementCount()
  {
      currentCount++;
  }
}

有什么建议吗？

Answer 1

将 MatOptionString 更改为 MatOption。它们不是字符串值。

如何修复 Blazor MatSelect for int 抛出异常

How do I fix Blazor MatSelect for int throws an exception

blazor

blazor-webassembly

matblazor