antd proform中的select（ProFormSelect）使用

最新推荐文章于 2024-08-22 11:17:23 发布

bsefef

最新推荐文章于 2024-08-22 11:17:23 发布

阅读量1.9k

点赞数

分类专栏：前端 html 面试文章标签：前端 vue.js typescript

本文链接：https://blog.csdn.net/bsefef/article/details/123079354

版权

本文详细介绍了在Ant Design Pro中如何使用ProFormSelect组件，包括其基本用法、属性配置以及与Vue.js和TypeScript的结合实践，帮助开发者更好地在前端项目中集成并定制高级选择输入框。

摘要由CSDN通过智能技术生成

 <ProFormSelect
                            label="角色可见范围"
                            name="select2"
                            mode="multiple"
                            fieldProps={
  {//这里使用了select的onChange方法，必须使用这样的写法来进行调用onChange方法
                                onChange:(val) => handleChange(val),
                            }}

                            request={async () =>  {//返回的select网络请求
                                let params = await queryProvince();
                                console.log('获取到的下拉省分为：',params);
                                let res = [];
                                params.map(item =>{
                                    let temp = {};
                                    temp['label'] = item.name;
                                    temp['value'] = item.codeen;
                                    res