有没有童鞋遇到过同样的问题：如何用vue实现一个只能单选或者全不选的复选框大佬们有什么好的建议？

Question

原生dom是通过点击一个选项，将其余其他所有选项置为false来实现这个功能；vue中暂时没想到好的解决方案(不涉及到dom操作的话)

Answer 1

哈哈，说的那么绕帮你梳理下：就是实现一个可以取消选择的radio这样你就好写多了吧。因为本身radio，就是不允许多选，你只要解决选中之后可以取消就好了

Answer 2

先说一下单选的实现，vue中通常用一个变量/状态来记录当前状态，或者说是选中元素的下标/id等，点击该元素的时候，赋值变量为该元素的下标/id等。这样就实现了唯一状态。全不选就是在单选的基础上可以取消选中的元素，你可以在点击中判断变量是否已经是当前元素的下标/id，如果是就赋值为null或者其他不可能是下标/id的数据