滑块不会更改 Blazor 中的值

Question

我试图在 Blazor 中将滑块设置为预算参数，但是当移动滑块时预算值不会改变。为什么会这样，我该如何解决？

这是组件代码 我正在使用 IJSRuntime 来使用 js 函数， 这是我得到的。

Answer 1

您是否考虑过将其简化为这样的东西。 没有 JS，没有 hoops：您使用的是 Blazor，而不是 JS 框架。 您可以应用任何您想要完善的 CSS 框架。

@page "/"

<PageTitle>Index</PageTitle>

<div>
    <label>Daily Budget</label>
    <input class="mx-3" type="range" min="@_min" max="@_max" @bind=_budget @bind:event="oninput"/>
    <span class="ms-4">$@_budget:00</span>
</div>

@code{
    private int _min = 0;
    private int _max = 1000;
    private int _budget;
}

Answer 2

我也有类似的问题。

我更换了

@attribute [StreamRendering]

与

 @rendermode InteractiveServer

就这样解决了。 我认为它正在渲染浏览器上的所有内容 不向服务器发送事件。