表单el-form form el
可拖拽表单比传统表单好在哪里？
随着行业的进步和发展，可拖拽表单的应用价值越来越高，在推动企业实现流程化办公和数字化转型的过程中发挥了重要价值和作用，是提质增效的办公利器，也是众多行业客户朋友理想的合作伙伴。那么，可拖拽表单的优势特点表单在哪里？通过这篇文章，我们一起了解相关详情。 跟传统的表单制作相比，可拖拽表单的优势特点非常多 ......
el-table 某些行不可勾选
官网文档 selectable 属性 代码 <el-table-column align="center" type="selection" width="55" :selectable="checkSelectable" /> checkSelectable(row) { return !row. ......
el-upload只展示导入按钮
<el-upload ref="keyupload" class="upload-demo" :action="actionUrl" :on-preview="handlePreview" :on-remove="handleRemove" :headers="{ Authorization: to ......
在el-dialog中使用Loading
说明：这里使用的代码是 vue3 + TypeScript，下面是全部代码： <template> <div> <el-dialog :title="title" v-model="open" width="500px" :close-on-click-modal="false" // 鼠标点击弹窗 ......
element el-select value-key 的bug
element-plus value-key不生效，el-eselect tag 不显示，el-select lable不显示，"element-plus": "2.1.8 select bug，下拉选择框，绑定对象不回显。el-select__tags-text 为空，下拉框内tags不显示，内容... ......
界面控件DevExpress VCL v23.2——复杂表单的性能增强
DevExpress VCL Controls所包含的控件有：数据录入、图表、数据分析、导航、布局等。该控件能帮助您创建优异的用户体验，提供高影响力的业务解决方案，并利用您现有的VCL技能为未来构建下一代应用程序。 获取DevExpress VCLv23.2正式版下载 DevExpress技术交流群 ......
el-dialog v-modal 关闭后 有透明遮罩未关闭 突然出现 v-modal-leave 样式 导致
/* 数据量大与遮罩交互冲突优化 */ .v-modal.v-modal-leave{ display: none; } ......
图片预览 el-image-viewer
https://element.eleme.cn/#/zh-CN/component/image el-image-viewer 参考： https://blog.csdn.net/qq_45317281/article/details/129246407 https://blog.csdn.net ......
袋鼠云数栈UI5.0设计实战｜B端表单这样设计，不仅美观还提效
我们是袋鼠云数栈 UED 团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。 本文作者：大喜 相关文章：袋鼠云出品！数栈UI 5.0全新体验升级，设计背后的故事 前言 表单是B端产品中最常见的组件之一，主要⽤于数据收集、校验和提交。比如登陆流程的 ......
JavaScript函数表单验证：保证用户输入的有效性
Laravel是一个流行的PHP框架，它具有出色的可测试性，可以帮助开发人员在更短的时间内编写可靠的代码。但是，即使使用了这个框架，也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高，代码质量越高。在本文中，我们将分享几种技巧，帮助您提高Laravel应 ......
antd 使用不同的条件动态验证 Form.Item
假设我们有一个 InputNumber，当进行操作1时，我们允许用户输入负数值，然而在进行操作2时，我们需要用户输入正整数。 我会用到一个名为 createValidator 的函数来实现这个需求。同时，我还会使用 Form.Item 的 dependencies 属性来更新 lowerLimitT ......
Element Ui 的表单验证
一、简介 二、过程 三、问题 一、简介 element ui基于 Vue 3，面向设计师和开发者的组件库，很好用 本文介绍有关表单验证的相关的内容。 参考至： 去看看 二、过程 1.使用 1.1 在form 里面加上rule <el-form ref="loginForm" :model="logi ......
表单引擎设计的一些思考
概要 用户故事：作为开发平台的使用者，我希望开发平台提供一款拖拽式的表单设计引擎，支持图形化设计，表单动态渲染，列表页面动态展示，业务数据动态处理的功能，以便帮助团队可以零代码开发业务表单。 表单引擎主要包括4个功能模块，表单设计器、表单解析器、协议管理、数据存储，其中表单设计器与解析器为前端模块， ......
elementui(element-plus)中el-alert实现换行的方法
elementui(element-plus)中el-alert实现换行的方法 <el-alert title="说明：" type="warning" show-icon> <div>1、账号跟密码卡不能重复</div> <div >2、密码长度必须超过10位数</div> </el-alert> ......
如何在Vue中实现表单验证
Laravel是一个流行的PHP框架，它具有出色的可测试性，可以帮助开发人员在更短的时间内编写可靠的代码。但是，即使使用了这个框架，也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高，代码质量越高。在本文中，我们将分享几种技巧，帮助您提高Laravel应 ......
如何使用Vue实现动态表单
Laravel是一个流行的PHP框架，它具有出色的可测试性，可以帮助开发人员在更短的时间内编写可靠的代码。但是，即使使用了这个框架，也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高，代码质量越高。在本文中，我们将分享几种技巧，帮助您提高Laravel应 ......
使用JavaScript函数实现表单验证和数据提交
Laravel是一个流行的PHP框架，它具有出色的可测试性，可以帮助开发人员在更短的时间内编写可靠的代码。但是，即使使用了这个框架，也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高，代码质量越高。在本文中，我们将分享几种技巧，帮助您提高Laravel应 ......
开源拖拽表单设计器好用吗？
很多客户朋友会对开源拖拽表单设计器产生浓厚兴趣，因为不知道它是怎么用的，好不好用，所以经常会有粉丝朋友询问我们关于开源拖拽表单设计器的功能、作用以及优势特点。在现代化职场办公中，传统的表单制作存在一定的缺点和遗憾，不能满足业务量大的办公需求，此时应用专业的开源拖拽表单设计器可以大大提升办公效率，实现 ......
el-table导出当前页数据
下载依赖 npm i --save https://cdn.sheetjs.com/xlsx-0.20.1/xlsx-0.20.1.tgz npm install file-saver --save el-table添加id <el-table id="outTable" >//添加id 拼接导出函 ......
Ant Design pro Component 【Schema Form - JSON 表单】依赖与顺序加载问题
记一次项目中遇到的问题，及解决方法. 使用Ant Design pro Component 【Schema Form - JSON 表单】中碰到一个依赖更新 与 首次加载表单数据冲突的问题。 问题是这样的： 表单是通过json配置生成出来的，导入的数据是一次性导入的，但是表单中有配置规则，当依赖项更 ......
Vue2入门之超详细教程十五-收集表单数据
Vue2入门之超详细教程十五-收集表单数据 1、简介 收集表单数据 若：，则v-model收集的是value值，用户输入的就是value值。 若：，则v-model收集的是value值，且要给标签配置value值。 若： 1.没有配置input的value属性，name收集的就是checked（勾选 ......
Koala Form控件使用分析
表头按钮“新增”如何修改？ 平台使用vite进行管理 koala安装编译后后在.vite\deps目录位置如下 方法一、从源码修改 打开ui-element桥接插件node_modules.vite\deps@koala-form_element-plugin.js 找到 367 行 actions ......
el-table 设置合并行或列时，显示错乱问题
1. 需求效果图： 2. 接口数据格式： 点击查看代码 const list = [ { contractNo: "CAI-20220801001", contractItem: "用户质量指数", count: 15234, customerItems: [ { contractNo: null, ......
开源可视化表单优点多，靠它进入流程化办公！
最近有很多粉丝在询问开源可视化表单。众所周知，现在流程化办公和数字化转型已经成为发展潮流了，如果还采用传统的表格制作，显然已经满足不了业务量越来越多的办公需求了。开源可视化表单优点多，进入高效优质的流程化办公，可以进一步了解开源可视化表单相关知识要点。 其实，传统的表单制作工具缺点越来越多，也越来越 ......
halo2.11如何自定义表单数据
halo是一个非常强大的框架,可以制作个人博客,也可以制作企业官网 有时候需要定义自己的数据,一个比较常见的场景是首页轮播图,图片可以在后台设置, 因为不确定具体有多少张图片需要轮播,所以需要定义成一个数组, 可以使用halo中的formkit,其中 repeater 代表定义数组, 一. 首先需要 ......
vue3 表单封装遇到的一个有意思的问题
前言 最近在用 vue3 封装 element 的表单时遇到的一个小问题，这里就简单记录一下过程。话不多说直接上代码！！！ 正文 部分核心代码 import { ref, defineComponent, renderSlot, type PropType, type SetupContext } ......
el-upload上传组件
使用el-upload上传文件 <template> <div> <el-upload action="/upload" :on-success="handleSuccess" :on-error="handleError" :before-upload="beforeUpload" > <el-b ......
el-input支持Tab输入
<el-input ref="tabInput" type="textarea" :rows="10" @keydown.9.native.prevent="tabInput" v-model="tabContent"> </el-input> tabInput(e){ const elInput= ......