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>