ant-design-vue 单选框如何实现多选?

场景

我想实现一组的单选框,他们可以像checkbox多选框一样实现多选状态,如何用ant-design-vue实现呢?ant中的单选框一旦选中了就无法取消勾选,只能通过勾选同个radio组下的单选框来切换状态

<template>
  <a-radio>1</a-radio>
  <a-radio>2</a-radio>
  <a-radio>3</a-radio>
</template>
阅读 2.3k
2 个回答

radio单选框依然是支持点击事件的,你点击事件里去处理下选中状态就好了

所以为啥不一开始就用 checkbox 呢?本来 radio 组件的作用就是单选啊。
如果只是想做取消的话 可以用 @click.native 来修改绑定的值。


最后还是建议不要用 radio 来这样做,因为这只是在增加开发困扰。用 checkbox 就行了,大不了自定义一下选中样式就是了。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题