Как сбросить входное значение для поля otp?

Это моя кодовая ссылка https://codepen.io/santoshch/pen/LYxOoWO

<button @click = "resetNow(id)"></button>

resetNow(id){
    this.$refs[`input-${id}`].input.value = ""; //You may need to use .$el.value instead of .input.value
}

Пытался сбросить значение для входных полей OTP, но не сбросил значение.

javascript vue.js

09.04.2021 15:41

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Хорошо, поэтому я не уверен, почему, но на самом деле он работает с этим кодом:

resetNow() {
  this.activationKeyFields.forEach((_, index) => this.$refs[`input-${index}`][0].value = "")
},

Итак, нажав на

<button @click = "resetNow">reset</button>

Это правильно аннулирует содержимое всех полей.

Я добавил код выше, но он не сбрасывает значение

— 09.04.2021 16:10

Вот моя ссылка на код codepen.io/santoshch/pen/LYxOoWO

— 09.04.2021 16:10

Вы забыли id >> resetNow(id)

— 09.04.2021 16:11

Да, он работает, но после передачи идентификатора теперь он сбрасывает только второе входное значение среди 4 полей ввода.

— 09.04.2021 16:15

Но нужно сбросить все 4 поля ввода otp

— 09.04.2021 16:15

Только что обновил свой ответ.

— 09.04.2021 16:20

Он отлично работает, спасибо за ваше время. :)

— 09.04.2021 16:40

09.04.2021 16:00

Другие вопросы по теме

Магазин Vuex возвращает [__ob__: Observer] в методе created () вместо строки

Горячая перезагрузка при входе в систему с использованием vuejs

Загрузка не прекращается после успешного ответа axios в vue

Vue Leaflet fitBounds не устанавливает точных границ

Есть ли способ принять vue js VueSession в main.js

Vue Jest Testing ожидает в цикле

Не удается получить доступ к состоянию модуля vuex

Разница между данными формы axios и простым методом публикации данных

Как сбросить поле ввода на основе ref / id в vuejs?

Uncaught TypeError: $ props.currentQuestion не определен Vue

Как сбросить входное значение для поля otp?

Ответы 1

Другие вопросы по теме

Похожие вопросы