Ant Design:Radio.Group单选组合与Select下拉选项两种添加子组件选项的语法

简介: Ant Design:Radio.Group单选组合与Select下拉选项两种添加子组件选项的语法

Radio.Group单选组合与Select下拉选项都拥有两种定义选项的方法:


1.直接在标签内写入


Radio.Group

<Radio.Group>
  <Radio value={1}>显示</Radio>
  <Radio value={0}>不显示</Radio>
  </Radio.Group>


Select

<Select>
  <option value={1}>显示</option>
  <option value={0}>不显示</option>
  </Select>


2.使用options属性设置子选项


Radio.Group

<Radio.Group options={[{label:'显示',value:1},{label:'不显示',value:0}]} />


Select

<Select options={[{label:'显示',value:1},{label:'不显示',value:0}]} />

相关文章
|
12月前
|
前端开发 JavaScript 数据库
layui联动菜单搜索select表单选项的设置方法
layui联动菜单搜索select表单选项的设置方法
312 0
|
2天前
Element UI【实战范例】下拉选择 el-select 的 change 事件传入选中值+自定义参数
Element UI【实战范例】下拉选择 el-select 的 change 事件传入选中值+自定义参数
11 1
|
2月前
el-select如何自定义下拉选项框的宽度
el-select如何自定义下拉选项框的宽度
305 0
|
11月前
|
前端开发 API
ant design控制tag选中的写法
ant design控制tag选中的写法
73 0
|
2月前
el-cascader组件实现点击、递归勾选联动子集children所有选项被选中。
el-cascader组件实现点击、递归勾选联动子集children所有选项被选中。
|
8月前
|
JavaScript API
vue的select下拉框多选项-multiple属性
vue的select下拉框多选项-multiple属性
163 0
|
8月前
|
JavaScript
Ant Design Vue select下拉列表动态更新选中值
Ant Design Vue select下拉列表动态更新选中值
160 0
|
11月前
|
API
ant.design Table组件点击一个选项框却把所有选项都选中了
ant.design Table组件点击一个选项框却把所有选项都选中了
105 0
ant.design Table组件点击一个选项框却把所有选项都选中了
Element UI - el-select(选择器)下拉多选菜单不换行显示
Element UI - el-select(选择器)下拉多选菜单不换行显示
|
前端开发 JavaScript
laravel-admin1.* select2下拉单选组件搜索框无法输入问题解决
laravel-admin1.* select2下拉单选组件搜索框无法输入问题解决
295 0
laravel-admin1.* select2下拉单选组件搜索框无法输入问题解决