为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

梦里花落0921 2019-12-11 13:09:04
原生dom是通过点击一个选项,将其余其他所有选项置为false来实现这个功能;vue中暂时没想到好的解决方案(不涉及到dom操作的话)
查看完整描述

2 回答

?
PIPIONE

TA贡献1829条经验 获得超9个赞

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


查看完整回答
反对 回复 2019-12-12
?
慕的地6264312

TA贡献1817条经验 获得超6个赞

先说一下单选的实现,vue中通常用一个变量/状态来记录当前状态,或者说是选中元素的下标/id等,点击该元素的时候,赋值变量为该元素的下标/id等。这样就实现了唯一状态。

全不选就是在单选的基础上可以取消选中的元素,你可以在点击中判断变量是否已经是当前元素的下标/id,如果是就赋值为null或者其他不可能是下标/id的数据


查看完整回答
反对 回复 2019-12-12
  • 2 回答
  • 0 关注
  • 275 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号