Join GitHub today
GitHub is home to over 40 million developers working together to host and review code, manage projects, and build software together.Sign up
Steps to reproduce
Modify the value in the text ('hey'). Click on somewhere else to trigger
Modify this value 'reset', which was 'hey', then click on somewhere else to trigger
What is expected?
I expect that the
What is actually happening?
It doesn't seem to get triggered.
But then, it comes back when you click on the button, where it updates the value to "resetByButton", then you modify this value, it changes to "reset". But the error is persistent unless it's modified by the button event again.
OR, you can remove the comment around the
I tried updating the
So ... do I have to update another unused property or something for this to work?
It may look weird but this is working as expected:
When vue renders a templates, it applies all interpolations and v-bind. For a template to rerender, a value used in the template must change. That's why the first time we click outside of the input, the change triggers
In order to always re render, call
If you examine the component, you will notice that
Thanks, I tried your approach. Using
What I wanted to achieve beyond my issue was doing this in Vuetify
Here is the Vuetify solution: