Задать вопрос
@Somebodyyyy
vue

Как сделать focus на несколько элементов в vue.js?

Есть задача: требуется при фокусе на input и select в форме показывать блок с текстом, нашел вариант на тостере Как поймать focus на input во vue.js? но если инпутов будет несколько, то при нажатии на любой из них будет появляться текст везде. Нужно чтобы при нажатии на один инпут появился один блок, при нажатии на второй - второй блок и по аналогии. Это нужно для очень большой формы в несколько шагов, решил отказаться от jQuery и начать на Vue.js, так как кода на vue намного меньше. Буду благодарен за помощь
  • Вопрос задан
  • 283 просмотра
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 1
0xD34F
@0xD34F Куратор тега Vue.js 
data: () => ({
  items: [ 'hello, world!!', 'fuck the world', 'fuck everything' ],
  focused: null,
}),

<div v-for="(n, i) in items">
  <input @focus="focused = i" @blur="focused = null">
  <span v-show="focused === i" v-text="n"></span>
</div>

https://jsfiddle.net/5sxkjatg/
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend Vue & Capacitor Developer Middle++
Parasol Software
от 2 000 до 2 500 $
Frontend developer (middle/senior)
//stablecode
от 210 000 ₽
Senior Frontend VueJS (частичная занятость)
Онград+
от 125 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Доработать дизайн лендинга
25 апр. 2024, в 09:29
2500 руб./за проект
Сделать красивый лендинг в Тильде
25 апр. 2024, в 09:27
4000 руб./за проект
Создание видео. Моушен дизайн
25 апр. 2024, в 09:20
10000 руб./за проект
Ещё заказы