I cannot for the life of me figure this out.
I’ve added a fiddle at: https://jsfiddle.net/s8xvkt10/
I want a user to click a checkbox and in some states, have it update v-model as normal
But in other states check or uncheck based on some other calculations. This is not my design
- Using a v-model with a set / get
- Imitating a v-model using @change.prevent and :checked
- Assuming the change happens after the click (which i think is wrong) and using @click.prevent with :checked
I can get the model to react appropriately, but when I do, the state of the DOM checkbox itself seems to toggle independently of the :checked attribute.
Is there a best practice for accomplishing this by any chance?