Как сделать кнопку неактивной несколько секунд после ее нажатия?

Question

[Vasya90]

Есть текст эрея, в ней есть иконка, по клику по которой идет сабмит. Нужно как то сделать кнопку неактивной несколько секунд после нажатия. Как саму эту иконку сделать неактивной, не могу найти, но можно с помощью атрибута disabled сделать неактивной все поле в том числе и иконку. Я могу забиндить этот атрибут, но как потом сделать чтоб там некоторое время попадало тру, а потом фолс и поле стало доступно?

<v-textarea
              v-model="message"
              @click:append="sendMessage"
              :label="Введите сообщение"
              append-icon="mdi-send"
              :disabled="///////////////////////"
          ></v-textarea>

Answer 1

[Сергей delphinpro]

добавьте поле в компонент
disabledSubmit: false

:disabled="disabledSubmit">

где-то в обработке сабмита

this.submitDisabled = true; // Перед запросом
Vue.axios.get('/info')
    .then(info => {
      this.submitDisabled = false; // Запрос выполнен
      // ...
    });

Answer 2

[Кирилл Романов]

this.textAreaDisabled = true;
setTimeout(() => {
    this.textAreaDisabled = false;
}, 5000)