首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >MudSlider与onmousemove

MudSlider与onmousemove
EN

Stack Overflow用户
提问于 2022-07-31 19:24:42
回答 1查看 56关注 0票数 1

示例

以下代码:

代码语言:javascript
复制
@code {
    decimal abc = 0;
    decimal bcd = 0;

    void AbcChanged(object val)
    {
        bcd = abc;
    }
}

abc: @abc
bcd: @bcd

<MudSlider @bind-Value="@abc" onmousemove="@AbcChanged"></MudSlider>

结果如下所示的设置:

拖动滑块时,将更新abcbcd

问题

如果您拖拽滑块的速度非常快,有时bcd并不等于abc

也就是说。

问题

确保bcd始终与abc同步的好方法是什么?

实例化

https://try.mudblazor.com/snippet/GOmmOVdbqXnHASxU

更新设置onmousemoveonchange

如果我同时设置onmousemoveonchange

代码语言:javascript
复制
<MudSlider @bind-Value="@abc" onmousemove="@AbcChanged" onchange="@AbcChanged"></MudSlider>

情况有所改善。当我释放鼠标按钮时,bcd被设置为abc

但是,在按住按钮并拖动时,仍然有可能使它们不同步:

更新的小提琴:

https://try.mudblazor.com/snippet/wawcOBxFhbOcPacd

更新2

我以一种与这里的问题不太相关的方式解决了这个问题。

所以这个问题的答案不是必需的。不过,如果有人觉得这个问题很有趣,我就不提这个问题了。

EN

回答 1

Stack Overflow用户

发布于 2022-08-01 07:50:40

试试这个:

代码语言:javascript
复制
@code {
    private decimal ABC {
        get => abc;
        set {
            abc=value;
            bcd=value;
        }
    }


    private decimal abc {get;set;} = 0;
    private decimal bcd {get;set;} = 0;
    
}

abc: @abc
bcd: @bcd

<MudSlider @bind-Value="@ABC"  ></MudSlider>
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/73186298

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档