Radio

单选框。

说明

组件API详细内容请参考:https://www.antdv.com/components/radio-cn

RadioGroup新增的属性

  • 属性说明:
参数名 类型 必填 默认值 说明
cols number 组内列数,范围:1, 2, 3, 4, 6, 12, 24
configInfo string 功能字典配置项
wrap boolean false 数据项换行
align string flex 布局下的垂直对齐方式:top middle bottom
justify string flex 布局下的水平排列方式:start end center space-around space-between

使用方法

  • 代码示例:
    // 在script标签中按需引入
    import { Radio } from '@jecloud/ui';
    export default {
      components: { RadioGroup:  Radio.Group },
      };
    // 在vue的template标签中
    <RadioGroup
      v-model:value="formState.item5"
      :options="['Apple', 'Pear', 'Orange'].map((item) => ({ label: item, value: item }))"
    />
  • 事件脚本示例:
    const { Radio } = JE.useUi();
    const { h, ref }= JE.useVue();
    return h(Radio.Group, {value: radioValue, options: ['Apple', 'Pear', 'Orange'].map(item => ({ label: item, value: item }))});
最后编辑: 秦永莲  文档更新时间: 2024-08-08 13:51   作者:秦永莲