当前位置：首页 > article >正文

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

article 2025/1/14 17:17:22

教程
- 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: {
     

                    },
                },
            },