ant-design-mobile Selector
时间: 2023-09-28 19:12:10 浏览: 122
在Ant Design Mobile中,Selector是一个选择器组件,用于在表单中选择某个选项。它可以用于下拉菜单、单选按钮、复选框等形式的选择。Selector的使用方式如下所示:
```html
<Selector
options="optionsList"
value="selectedValue"
onChange="handleChange"
/>
```
其中,`optionsList`是一个包含选项的列表,`selectedValue`是当前选中的值,`handleChange`是当选项发生变化时的回调函数。
在Ant Design Pro中,Selector的使用场景主要是在表单中进行选项选择或者数据过滤等操作。通过UI组件的交互操作,调用相应的model的effect进行处理,然后通过服务请求函数调用后台接口获取数据,并更新model的状态,最终更新页面的UI展示。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [angular9+ant-design框架实现输入框只能输入数字和小数点](https://blog.csdn.net/qq_41068717/article/details/122168060)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [Ant Design Pro -- 02项目结构@20210331](https://blog.csdn.net/weixin_46853684/article/details/115356821)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
阅读全文