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

相关文章
|
6月前
|
JavaScript 前端开发
Vue实现Element UI框架的自定义输入框或下拉框在输入时对列表选项进行过滤,以及右键列表选项弹出菜单进行删除
本文介绍了如何在Vue框架结合Element UI库实现自定义输入框或下拉框,在输入时对列表选项进行过滤,并支持右键点击列表选项弹出菜单进行删除的功能。
164 0
|
7月前
|
JavaScript
【UI】 elementUI的select-tree组合下拉框,选择后下拉框不收起
【UI】 elementUI的select-tree组合下拉框,选择后下拉框不收起
352 1
|
7月前
|
JavaScript 前端开发
react18【系列实用教程】双向绑定表单 (2024最新版)含受控组件、非受控组件、单行多行输入框 input,下拉选择 select,单选 radio,多选 checkbox,标签 label
react18【系列实用教程】双向绑定表单 (2024最新版)含受控组件、非受控组件、单行多行输入框 input,下拉选择 select,单选 radio,多选 checkbox,标签 label
200 1
|
7月前
Element UI【实战范例】下拉选择 el-select 的 change 事件传入选中值+自定义参数
Element UI【实战范例】下拉选择 el-select 的 change 事件传入选中值+自定义参数
1041 1
|
前端开发 API
ant design控制tag选中的写法
ant design控制tag选中的写法
110 0
|
JavaScript API
vue的select下拉框多选项-multiple属性
vue的select下拉框多选项-multiple属性
535 0
|
JavaScript
Ant Design Vue select下拉列表动态更新选中值
Ant Design Vue select下拉列表动态更新选中值
301 0
|
API
ant.design Table组件点击一个选项框却把所有选项都选中了
ant.design Table组件点击一个选项框却把所有选项都选中了
201 0
ant.design Table组件点击一个选项框却把所有选项都选中了
|
前端开发
ant design table中增加按钮的两种方式
ant design table中增加按钮的两种方式
264 0