青蛙king的博客

element-ui 表单校验的规则如下：

递归上传是指：你选择了n个文件点击确定后，第一个接口上传成功或者失败后，再调用第二个接口上传第二个文件，依次等待上传完所有文件，这样做法可以大大减轻服务器的压力，就是上传时间会比较长。主要逻辑如下：①、首先需要先取消组件的自动上传操作，把属性auto-upload的值设置为false，就禁用了文件的自动上传功能了，把自动转化为手动，之所以选择多个文件会并行调用上传接口，就是这个属性导致的。②、属性auto-upload设置为false之后，action的属性就失效了，只会触发change事件、上传失败on

首先，在 el-table 中添加 :row-key=“getRowKeys” 和 selection-change 事件（当选择项发生变化时会触发该事件）。然后，给多选框的一列添加 :reserve-selection=“true”。/** ElementUI的table实现分页多选功能 ----star *//** ElementUI的table实现分页多选功能 ----end */// 设置表格每一页的唯一标识。// 表单查询-获取表格数据。// 分页-每页条数。// 分页-当前页数。

源代码：<el-form id="form" ref="form" :model="loginForm" label-width="80px"> <!-- <b><router-link to="/register">注册</router-link></b> --> <header> <h1>登录</h1> <p>输入您的用户名与密码

对于该类问题，vue2 给出了解决方案——请使用 Vue2 提供的 this.$set() 方法来修改异步的对象和数组里的数据。很多时候，我们需要请求接口获取到数据后，将某个数据展示在 input 框里，仅仅可读而不可更改。上述代码运行后，发现——异步更新 form 表单里的数据无效。

同一个 Form 下的两个 Form.list，如何在第二个Form.list中使用第一个Form.list的添加的所有数据？Form.provider 提供了两个form之间共享数据的途径。所以我用了它，但是在Form.provider的onFormChange事件中：Form.provider 仅仅提供第一层的name及其对应的value，也就是Form.list的name和value，取不到更深一层的Form.item的name和value。抛开Form.provider，现在这两个Form已

import { Menu, Layout } from 'antd';import { DatabaseOutlined, UnorderedListOutlined, HistoryOutlined, TeamOutlined, DeleteOutlined,} from '@ant-design/icons';import { useEffect, useState } from "react";import { Link } from "react-router-...

import { Tabs } from "antd";import { useEffect, useState } from "react";import { Link } from "react-router-dom";import './index.less'const { TabPane } = Tabs;const Header = (props) => { return ( <div className="header-tabs"> ...

1、Select组件，展开下拉框后，滑动滚轮，下拉框会跟着上下滑动解决：<Select getPopupContainer={trigger => trigger.parentNode}>2、Select组件，上下滑动下拉框里的数据，数据自动变了解决：...

1、一般的表单校验2、连续的表单校验3、连续的复杂表单校验

在使用时需要这样做：必须要将 和 配合使用，就不会有这个报错了。

iconfont-阿里图标库：https://www.iconfont.cn/home/index?spm=a313x.7781069.1998910419.2纠错集1、iconfont的图标使用的时候怎么调整大小？font-size 就可以。