Как запретить клик по чекбоксу в условии Vue.js?

Question

[killwayne]

Есть много чекбоксов - можно выбрать до 3х штук, где остальные становяться недоступными, и если остался выбран 1 чекбокс, то на него нельзя нажимать
Чекбоксы кастомные и при втором клике на один из них - они полностью игнорируют свойства checked и disabled
Что делать?

Заранее большое спасибо!

Comments

[alex]

что значит полностью игнорируют?

[Сергей delphinpro]

По первой части вопроса очень просто — пишем метод
isDisabled() {}
В котором на основе модели данных вычисляем активность чекбокса.
По второй части — кастомные элементы — допишите их нормально, чтобы они поддерживали disabled и нормально работали с v-model

Answer 1

[0xD34F]

Очевидно же - добавлять disabled. Для выбранного чекбокса - когда количество выбранных чекбоксов меньше или равно минимально допустимому. Для не выбранного - когда количество выбранных чекбоксов больше или равно максимально допустимому.

https://jsfiddle.net/x6uzv5hw/

Чекбоксы кастомные и при втором клике на один из них - они полностью игнорируют свойства checked и disabled

Ну значит криво вы их реализовали, только и всего. Погуглите, как сделать правильно.