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}]} />

相关文章
|
13天前
|
JavaScript 前端开发
layui下拉框xm-select自定义搜索使用方法
【10月更文挑战第28天】`xm - select` 是基于 Layui 的下拉框增强插件,支持自定义搜索功能。实现步骤包括:1. 引入 Layui 和 xm - select 的核心文件;2. 创建下拉框的基本 HTML 结构;3. 使用 `layui.use` 函数初始化插件并配置搜索功能;4. 可选地进行高级自定义搜索优化,如模糊匹配、多字段搜索和实时更新数据。通过这些步骤,可实现灵活的下拉框搜索功能。
110 1
|
3月前
|
JavaScript 前端开发
Vue实现Element UI框架的自定义输入框或下拉框在输入时对列表选项进行过滤,以及右键列表选项弹出菜单进行删除
本文介绍了如何在Vue框架结合Element UI库实现自定义输入框或下拉框,在输入时对列表选项进行过滤,并支持右键点击列表选项弹出菜单进行删除的功能。
65 0
|
4月前
|
JavaScript
【UI】 elementUI的select-tree组合下拉框,选择后下拉框不收起
【UI】 elementUI的select-tree组合下拉框,选择后下拉框不收起
231 1
|
4月前
Element UI【实战范例】下拉选择 el-select 的 change 事件传入选中值+自定义参数
Element UI【实战范例】下拉选择 el-select 的 change 事件传入选中值+自定义参数
681 1
|
前端开发 API
ant design控制tag选中的写法
ant design控制tag选中的写法
99 0
|
6月前
el-cascader组件实现点击、递归勾选联动子集children所有选项被选中。
el-cascader组件实现点击、递归勾选联动子集children所有选项被选中。
|
12月前
|
JavaScript API
vue的select下拉框多选项-multiple属性
vue的select下拉框多选项-multiple属性
439 0
|
JavaScript
Ant Design Vue select下拉列表动态更新选中值
Ant Design Vue select下拉列表动态更新选中值
263 0
|
API
ant.design Table组件点击一个选项框却把所有选项都选中了
ant.design Table组件点击一个选项框却把所有选项都选中了
161 0
ant.design Table组件点击一个选项框却把所有选项都选中了
|
前端开发
ant design table中增加按钮的两种方式
ant design table中增加按钮的两种方式
225 0