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 作者:秦永莲