RadioGroup组件 jb-radio-group

jb-radio-group组件是在NaiveUI的RadioGroup组件基础上扩展的一个组件,所以NaiveUI中支持的属性在jb-radio-group中都可以使用。 jb-radio-group做了以下扩展:
- 支持配置
url请求地址,自动发起请求获取选项列表。 - 结合jbolt框架,
labelField属性值默认值设为text,valueField属性默认值设为value。
Props
| 名称 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| url | string | undefined | 组件加载时自动向url发起请求。 |
| valueToNumber | boolean | false | 是否将url请求获取的数据value值转为number类型 |
| valueToBoolean | boolean | false | 是否将url请求获取的数据value值转为boolean类型,'true'会转成true,'false'会转为false |
示例
最简单的用法
vue
<jb-radio-group
v-model:value="form.type"
url="/api/admin/app/typesInForm"
></jb-radio-group><jb-radio-group
v-model:value="form.type"
url="/api/admin/app/typesInForm"
></jb-radio-group>请求到的数据value值转number类型
vue
<jb-radio-group
v-model:value="form.type"
url="/api/admin/app/typesInForm"
:value-to-number="true"
></jb-radio-group><jb-radio-group
v-model:value="form.type"
url="/api/admin/app/typesInForm"
:value-to-number="true"
></jb-radio-group>