Events do not work for an input that has the disabled attribute?

Question

Vue.js

What is the reason I can not understand and is there a solution?
Codepen: https://codepen.io/Metis/pen/vzgWeg
PS I tried to make a wrapper of divs and hang an event on it, but I can't reach the input and put focus

Answer 1

Does not work

Everything is correct, as it should be. What else did you expect by setting disabled?

is there a solution?

What solutions? What are you even trying to do? It's unclear.
UPD. Taken from the comments:

I want focus inputs to work only on click

Use readonly instead of disabled. Somehow so .