Skip to content

RadioGroup组件 jb-radio-group

图片

jb-radio-group组件是在NaiveUIRadioGroup组件基础上扩展的一个组件,所以NaiveUI中支持的属性在jb-radio-group中都可以使用。 jb-radio-group做了以下扩展:

  • 支持配置url请求地址,自动发起请求获取选项列表。
  • 结合jbolt框架,labelField属性值默认值设为textvalueField属性默认值设为value

Props

名称类型默认值说明
urlstringundefined组件加载时自动向url发起请求。
valueToNumberbooleanfalse是否将url请求获取的数据value值转为number类型
valueToBooleanbooleanfalse是否将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>