js vue watch el-slider绑定的值变化触发POST请求如何取消之前的保留最后一个

Question

<el-slider v-model="value2"></el-slider>

watch: {
    value2: {
        deep: true,
        handler(oldValue, newValue) {
            this.sendPostMethods()
        }
    }
},
methods:{
    sendPostMethods(){
    //这里POST请求，拖动slider滑块会发送很多个，如何cancel之前的，只保留最后一个
    }
}

Answer 1

去抖 _.debounce(func, [wait=0], [options={}])

methods:{
    sendPostMethods: _.debounce(function sendPostMethods(){
    //这里POST请求，拖动slider滑块会发送很多个，如何cancel之前的，只保留最后一个
    }, 1000, {})
}