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: {
       
  
                      },
                  },
              },
              

原文地址：https://blog.csdn.net/m0_45011929/article/details/145048929

免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！