How to disable click on checkbox in Vue.js condition?

Question

Vue.js

There are many checkboxes - you can select up to 3 pieces, where the rest become unavailable, and if 1 checkbox remains selected, then you cannot click on it .
Checkboxes are custom and when you click on one of them for the second time, they completely ignore the checked and disabled properties Thank you very much in advance!

Answer 1

Obviously - add disabled. For the selected checkbox - when the number of selected checkboxes is less than or equal to the minimum allowed. For not selected - when the number of selected checkboxes is greater than or equal to the maximum allowable.
https://jsfiddle.net/x6uzv5hw/

Checkboxes are custom and when you click on one of them for the second time, they completely ignore the checked and disabled properties.

Well, it means that you implemented them crookedly, that's all. Google how to do it right.