@Vasya90

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

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

<v-textarea
              v-model="message"
              @click:append="sendMessage"
              :label="Введите сообщение"
              append-icon="mdi-send"
              :disabled="///////////////////////"
          ></v-textarea>
  • Вопрос задан
  • 181 просмотр
Решения вопроса 1
delphinpro
@delphinpro
frontend developer
добавьте поле в компонент
disabledSubmit: false

:disabled="disabledSubmit">

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

this.submitDisabled = true; // Перед запросом
Vue.axios.get('/info')
    .then(info => {
      this.submitDisabled = false; // Запрос выполнен
      // ...
    });
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
this.textAreaDisabled = true;
setTimeout(() => {
    this.textAreaDisabled = false;
}, 5000)
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы