This codepen contains a text-box component consisting of an input and a button for clearing.
When the first text-box is empty or cleared, the ‘Clear’ button is removed by v-if. At this point, the first entry into the input field immediately deleted and the button shown. This is because the default value of the value property is re-asserted.
The second text-box has the value ‘Bob’ passed in. This is also reasserted on editing the text box.
Should this be happening? I would expect the value property to behave as if the initial value and not be re-parsed every time I type.
NOTE: The component I am developing needs to be able to cope with and without v-model.
NOTE 2: I have omitted v-model to keep the example clear.