对于下图中“付费类型”怎么实现有很多种方式,我能想到的是以下两种:
- Element Plus的RadioButton
- 自定义组件
1. RadioButton
它本质上就是一个单选组件,它跟Element Plus的RadioButton本质上没有区别,无非是外观上的差别。那么我们就可以复用RadioButton的逻辑功能,而通过修改样式的方式达到上图的视觉效果。其实,我一般都选则第二种方式,自定义组件,原因是直到今天我才想到可以用RadioButton来实现:(
2. 自定义组件
写一个FeeTypeSelector的组件,它的属性大概是这样的
interface FeeTypeSelectorProps {
modelValue: string