场景
我想实现一组的单选框,他们可以像checkbox多选框一样实现多选状态,如何用ant-design-vue实现呢?ant中的单选框一旦选中了就无法取消勾选,只能通过勾选同个radio组下的单选框来切换状态
<template>
<a-radio>1</a-radio>
<a-radio>2</a-radio>
<a-radio>3</a-radio>
</template>
我想实现一组的单选框,他们可以像checkbox多选框一样实现多选状态,如何用ant-design-vue实现呢?ant中的单选框一旦选中了就无法取消勾选,只能通过勾选同个radio组下的单选框来切换状态
<template>
<a-radio>1</a-radio>
<a-radio>2</a-radio>
<a-radio>3</a-radio>
</template>
所以为啥不一开始就用 checkbox
呢?本来 radio
组件的作用就是单选啊。
如果只是想做取消的话 可以用 @click.native
来修改绑定的值。
最后还是建议不要用 radio
来这样做,因为这只是在增加开发困扰。用 checkbox
就行了,大不了自定义一下选中样式就是了。
10 回答11.1k 阅读
6 回答3k 阅读
5 回答4.8k 阅读✓ 已解决
4 回答3.1k 阅读✓ 已解决
2 回答2.7k 阅读✓ 已解决
3 回答5.1k 阅读✓ 已解决
3 回答1.9k 阅读✓ 已解决
radio单选框依然是支持点击事件的,你点击事件里去处理下选中状态就好了