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

ops/2025/1/15 16:45:39/
  • 教程

  • 需求:需求比较复杂
    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: {},},},

http://www.ppmy.cn/ops/150025.html

相关文章

基于单片机的书写坐姿规范提醒器的设计(论文+源码)

1功能设计 本课题为基于单片机的书写坐姿规范提醒器的设计,其主要针对学生在进行书写时,经常会出现坐姿不对等现象,这样长期下去会影响学生的身体健康,因此本系统在功能上设计如下: 采用超声波传感器检测坐姿&#x…

如何解决Webview和H5缓存问题,确保每次加载最新版本的资源

WebView 用于加载 H5 页面是常见的做法,它能够加载远程的 HTML、CSS、JavaScript 资源,并且让 Web 应用嵌入到原生 App 中。然而,WebView 的缓存机制有时会导致用户看到的是旧版本的页面或资源,尤其是在 H5 发版后,iOS…

Vite源码学习分享(一)

!](https://i-blog.csdnimg.cn/direct/971c35b61c57402b95be91d2b4965d85.png) 同一个项目 vite VS webpack启动速度对比

如何定位导致 Django 错误的文件

在 Django 开发中,当发生错误时,定位问题所在的文件和代码行是调试的重要步骤。以下是一些常用的方法和技巧来定位导致 Django 错误的文件: 1、问题背景 在项目中使用了 shrink 工具尝试运行 collect static 时,出现 TemplateSyn…

checkbox控制table中checkbox列全选和全不选|判断table多选的选中项目

①checkbox控制table中checkbox列全选和全不选 <table class"layui-table" id"table"><tr><td><input type"checkbox" id"ckb" onchange"ckb_change()" /></td><td>任务ID</td>&…

3. 使用springboot做一个音乐播放器软件项目【封装项目使用的工具类】

上一章文章 我们做了 音乐播放器这个项目的 框架搭建和一些基础配置文件。 参考网址&#xff1a; https://blog.csdn.net/Drug_/article/details/145044096 这篇文章我们来分享一些 项目中用到的一些工具类。 一般项目里 我会创建一个 utils 文件夹 来存放 项目中常用的工具类…

android studio实现圆形图片

添加依赖 //圆形图片 implementation de.hdodenhof:circleimageview:3.1.0 xml布局 <de.hdodenhof.circleimageview.CircleImageViewandroid:id"id/cirvleview"android:layout_width"80dp"android:layout_height"80dp"android:layout_cente…

mongoDB全量备份和恢复

mongoDB全量备份 使用 mongodump 工具&#xff1a; mongodump 是MongoDB自带的一个命令行工具&#xff0c;它用于导出MongoDB数据库的数据。这个工具可以用来创建一个指定数据库或集合的快照。 mongodump --host <hostname> --port <port> --db <database_na…