mui 自带的 numbox 数字输入框设置 data-numbox-min 大于 0 按减键到最小值获取不到值的问题

 mui 自带的 numbox 数字输入框,设置了最小值 data-numbox-min=“1”,然后测试点击减键到最小值时获取不到值,但是 input 的值有正常改变,而减键也正常灰色被 disabled 了,却无法获取到改变后的值。

分析下 mui.js ,发现代码:

if (self.options.min != null && !isNaN(self.options.min) && val <= parseInt(self.options.min)) {
    val = self.options.min;
    self.minus.disabled = true;
} else {
    self.minus.disabled = false;
}

看似代码没有问题。val = self.options.min; 是已经等于新值了,而且 val <= parseInt(self.options.min) 时也 self.minus.disabled = true; 正常屏蔽减键了。

于是又想了下,是不是 self.minus.disabled = true; 速度太快导致 self.input.value = val; 没有优先获取到值呢?
突发奇想,将 self.minus.disabled = true; 延迟设置: 

if (self.options.min != null && !isNaN(self.options.min) && val <= parseInt(self.options.min)) {
    val = self.options.min;
    setTimeout(function (){
        self.minus.disabled = true;
    }, 100);//怕没效果,可适时加大延迟时间
} else {
    self.minus.disabled = false;
}

测试,结果...OK!

 

 

http://ask.dcloud.net.cn/article/35110

posted @ 2019-01-02 15:43  格鲁特baby  阅读(200)  评论(0编辑  收藏  举报