AI 助理
备案控制台
开发者社区 云计算 文章 正文

element-ui中Form表单使用自定义验证规则

2023-11-20 50
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： element-ui中Form表单使用自定义验证规则 
data() {
    const validatePass = (rule, value, callback) => {
      if (value.length < 3) {
        callback(new Error("密码不能小于3位"));
      } else {
        callback();
      }
    };
return {
rules: {
  password: [
          { required: true, trigger: "blur", validator: validatePass },
        ]
   }
  }
关键词：
UI自定义
UI表单
UI表单自定义
UI form表单
Y2000104
目录
相关文章
chnjames
|
2月前
|
API UED 容器
深入探索 Element UI：自定义滚动条与弹出层管理的技巧
在这篇博客中，我们将深入探讨 Element UI 中的自定义滚动条及弹出层管理技巧。文章详细介绍了 el-scrollbar 组件的使用和参数设置，以及 PopupManager 如何有效管理弹出层的 z-index。我们还将探讨如何实现灵活的全屏组件，利用 vue-popper 创建自定义弹出层，最后介绍 ClickOutside 指令的用法。这些高级技巧将帮助你提升 Element UI 应用程序的用户体验与交互灵活性。
chnjames
228 1
深入探索 Element UI：自定义滚动条与弹出层管理的技巧
。思索
|
4月前
|
计算机视觉
ElementUI——vue2+element-ui 2.x的动态表格和表单
ElementUI——vue2+element-ui 2.x的动态表格和表单
。思索
151 1
土木林森
|
4月前
|
前端开发 开发者 C#
深度解析 Uno Platform 中的 MVVM 模式：从理论到实践的全方位指南，助你轻松掌握通过 C# 与 XAML 构建高效可维护的跨平台应用秘籍
【8月更文挑战第31天】本文详细介绍如何在优秀的跨平台 UI 框架 Uno Platform 中实施 MVVM（Model-View-ViewModel）模式，通过一个简单的待办事项列表应用演示其实现过程。MVVM 模式有助于分离视图层与业务逻辑层，提升代码组织性、易测性和可维护性。Uno Platform 的数据绑定机制使视图与模型间的同步变得高效简便。文章通过构造 `TodoListViewModel` 类及其相关视图，展示了如何解耦视图与模型，实现动态数据绑定及命令处理，从而提高代码质量和开发效率。通过这一模式，开发者能更轻松地构建复杂的跨平台应用。
土木林森
58 0
Yaiba123
|
4月前
|
JavaScript 前端开发
Vue实现Element UI框架的自定义输入框或下拉框在输入时对列表选项进行过滤，以及右键列表选项弹出菜单进行删除
本文介绍了如何在Vue框架结合Element UI库实现自定义输入框或下拉框，在输入时对列表选项进行过滤，并支持右键点击列表选项弹出菜单进行删除的功能。
Yaiba123
89 0
朝阳39
|
5月前
element UI 组件封装--搜索表单（含插槽和内嵌组件）
element UI 组件封装--搜索表单（含插槽和内嵌组件）
朝阳39
141 5
朝阳39
|
5月前
|
JavaScript
vue + element UI 表单中内嵌自定义组件的表单校验触发方案
vue + element UI 表单中内嵌自定义组件的表单校验触发方案
朝阳39
165 5
朝阳39
|
5月前
|
UED
Element UI 一键校验多表单（v-for循环表单，异步校验规则，v-for 中的 ref 属性，避坑 forEach 不支持异步 await ）
Element UI 一键校验多表单（v-for循环表单，异步校验规则，v-for 中的 ref 属性，避坑 forEach 不支持异步 await ）
朝阳39
55 0
朝阳39
|
5月前
|
数据安全/隐私保护
Element UI 密码输入框--可切换显示隐藏，自定义图标
Element UI 密码输入框--可切换显示隐藏，自定义图标
朝阳39
212 0
朝阳39
|
5月前
Element UI 【表格合计】el-table 实战范例 -- 添加单位，自定义计算逻辑
Element UI 【表格合计】el-table 实战范例 -- 添加单位，自定义计算逻辑
朝阳39
441 0
游客qf4jmczx4xu2y
|
15天前
|
搜索推荐 Android开发 开发者
探索安卓开发中的自定义视图：打造个性化UI组件
【10月更文挑战第39天】在安卓开发的世界中，自定义视图是实现独特界面设计的关键。本文将引导你理解自定义视图的概念、创建流程，以及如何通过它们增强应用的用户体验。我们将从基础出发，逐步深入，最终让你能够自信地设计和实现专属的UI组件。
游客qf4jmczx4xu2y
37 4