Эта проблема часто встречается, когда у нас есть форма, которая отправляет данные, введенные пользователем. Когда пользователь дважды или несколько раз щелкнул кнопку отправки, данные будут отправлены дважды или более в зависимости от того, сколько раз пользователь нажимает.

Чтобы предотвратить этот кошмар, я использовал метод lodash debounce, чтобы предотвратить вызов следующей функции отправки по истечении установленного времени.

Время устранения дребезга

Если вы используете Laravel mix, он уже установлен, но если нет, вы можете установить его через npm, запустив npm i --save lodash.

Затем в нашем компоненте vue, куда мы отправляем данные.

import _ from 'lodash';
methods: {
    submit: _.debounce(function() {
        /*
         * Submission post request
         */     
    }, 1000),
}

Вот и все, так легко использовать и реализовать.

Наслаждайтесь!