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

Question

[Somebodyyyy]

Есть задача: требуется при фокусе на input и select в форме показывать блок с текстом, нашел вариант на тостере Как поймать focus на input во vue.js? но если инпутов будет несколько, то при нажатии на любой из них будет появляться текст везде. Нужно чтобы при нажатии на один инпут появился один блок, при нажатии на второй - второй блок и по аналогии. Это нужно для очень большой формы в несколько шагов, решил отказаться от jQuery и начать на Vue.js, так как кода на vue намного меньше. Буду благодарен за помощь

Answer 1

[0xD34F]

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/

Comments

[Somebodyyyy]

Благодарю