欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 教育 > 高考 > fast-crud select下拉框 实现多选功能及下拉框数据动态获取(通过接口获取)

fast-crud select下拉框 实现多选功能及下拉框数据动态获取(通过接口获取)

2025/5/8 7:52:26 来源:https://blog.csdn.net/m0_45011929/article/details/145048929  浏览:    关键词:fast-crud select下拉框 实现多选功能及下拉框数据动态获取(通过接口获取)
  • 教程

    • fast-crud select
    • 示例
    • 配置
  • 需求:需求比较复杂
    1. 下拉框选项需要通过后端接口获取
    2. 实现多选功能

  • 由于这个前端框架使用逻辑比较复杂我也是第一次使用,所以只记录核心问题

  • 环境:vue3,typescript,fast-crud ,elementPlus

  • 效果
    在这里插入图片描述

    在这里插入图片描述

  • 代码

    // crud.tsx文件(/.ts也行 js应该也可以)import { accountApi } from '/@/api/user'; // 接口存放文件import _ from 'lodash-es';
    import { ElMessage } from 'element-plus';
    import { compute,dict } from '@fast-crud/fast-crud';// 省略配置return {crudOptions: {request: {pageRequest,// 进入整页面自动调取的接口addRequest,delRequest,editRequest,// 编辑保存接口dictRequest},table: {border: false,},actionbar: {buttons: {add: {},},},

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

热搜词