MUI numberbox控件值问题

Question

    //html代码
    <div class="mobile-pay-number">
        <div id="buyNumber" class="mui-slider-handle">
            <span>购买数量</span>
            <div class="mui-numbox mui-right" data-numbox-min='1'>
                <button class="mui-btn mui-btn-numbox-minus" type="button">-</button>
                <input class="mui-input-numbox" type="number" />
                <button class="mui-btn mui-btn-numbox-plus" type="button">+</button>
            </div>
        </div>
    </div>
        //JS代码
        //监听数量
        mui(".mui-input-numbox")[0].addEventListener('change', function () {
            console.log(mui("#buyNumber").numbox().getValue());
            mui(".m-p-j-paynumber")[0].innerHTML = (mui(".pay-spjg")[0].outerText * mui(".mui-input-numbox")[0].value) - mui(".m-p-j-dy")[0].outerText;
        });

第一次点击增加数量的时候，增长值没问题，如图：

打印出的值也没问题

但是点击第二次后，增长值就变为2了，而且打印出的值也是两个

之后点+ -都是两个步长了

请问大佬有什么问题啊

Answer 1

我在网上搜了很多，最终发现一个方法，把MUI相关引用的JS放在body标签后面即可

我最后这样是成功了，这应该是MUI的一个BUG吧