VueJS как проверить что input в фокусе (кликнут)?

Question

[movsumlu]

добрый день,
есть input с ценой и если он в не в фокусе, то нужно отображать placeholder,
если в него кликнули для ввода цены, то не надо отображать,
не могу немного понять как можно проверить что input кликнут и в зависимости от этого менять placeholder у элемента?

Answer 1

[0xD34F]

data: () => ({
  focused: false,
}),

<input
  :placeholder="focused ? '' : 'hello, world!!'"
  @focus="focused = true"
  @blur="focused = false"
>

А вообще, js-код для решения вашей задачи не нужен:

input:focus::placeholder {
  color: transparent;
}

Answer 2

[WapSter]

https://developer.mozilla.org/ru/docs/Web/API/Docu...
Можно повесить событие на focus