VueJS how to check if input is focused (clicked)?

Question

Vue.js

good afternoon,
there is an input with a price and if it is not in focus, then you need to display the placeholder,
if you clicked on it to enter the price, then you don’t need to display it,
I can’t understand a little how you can check that the input is clicked and change the placeholder depending on this at the element?

Answer 1

So check it out . Then, accordingly, dynamically assign a placeholder:
:placeholder="focused ? '' : 'hello, world!!'"
In general, js-code is not needed to solve your problem:

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