javascript - 需要根据按钮单击的持续时间增加值

Question

所以我有一个带有递增和递减按钮的值。现在，如果单击这些按钮，它们会分别增加和减少 1。我想要实现的是长时间按下按钮。我想根据按下的秒数来增加值。我正在使用 Vue.Js

这是我的按钮的骨架

<div class="btn-alter-price" :class='{"is-disabled":isMinusDisabled}' @click="_handleDecrementPrice"><span>-</span></div>

<div class="price">€{{this.currentPrice}}</div>

<div class="btn-alter-price" :class='{"is-disabled":isPlusDisabled}' @click="_handleIncrementPrice"><span>+</span></div>

以及当前的递增/递减逻辑

_handleDecrementPrice(){
        if(!this.isMinusDisabled)
        {
            
            if(this.stepValue == 0.1)
            {
                var result = this.currentPrice - this.stepValue
                this.currentPrice = parseFloat(result.toFixed(1));
            }
            else
            {
                this.currentPrice -= this.stepValue
            }
            
        }
    },
    _handleIncrementPrice(){
        if(!this.isPlusDisabled)
        {
            if(this.stepValue == 0.1)
            {
                var result = this.currentPrice + this.stepValue
                this.currentPrice = parseFloat(result.toFixed(2));
            }
            else
            {
                this.currentPrice += this.stepValue
            }
        }
    },

标签： javascriptvue.js