title: Vue prevent blur event
body: <p>I have an editable input component, which has an <code>isEditable</code> state.</p>
  
  <p>By clicking outside the input field, I use <code>@blur</code> event.
  By clicking on the enter key, I trigger another event.</p>
  
  <p>Both methods use the same logic, and after the logic finishes, I set the <code>isEditable</code> to <code>false</code>. In this case, somehow the blur event is triggered. (I guess because the input field disappears (I guess because it uses <code>v-if="isEditable"</code>).
  Is there any way to prevent blur to be triggered by changing the state programatically?</p>