element-ui el-form自定义规则rules，小红心不出现解决方案

这段时间用element-ui比较多，在el-form这里遇到了一些坑，话不多说直接上效果图

需要在自定义规则处再加required:true

此时自定义规则会生效，且元素前方会有小红心提示用户该项为必填项

rules: {idCard: [{ validator: validateidIdCard, trigger: 'change', required: true }]
}

若不加该字段，规则依旧生效，但是却会出现下方的情况，即无小红心，用户交互感变差

rules: {idCard: [{ validator: validateidIdCard, trigger: 'change' }]
}

element-ui el-form自定义规则rules，小红心不出现解决方案相关推荐

el-form自定义规则rules——validate的使用小红心不出现解决方案
el-form自定义规则rules--validate不执行 & 小红心不出现解决方案 1.小红心不出现需要在自定义规则处再加required:true:此时自定义规则会生效,且元素前方会有 ...
element UI 表单自定义验证，css水平且垂直居中方法
element UI 表单自定义验证 element UI提供了一种内部的表单验证,但是这种方法不能够来进行复杂的验证,如邮箱,手机号等的验证需要用到自定义验证首先是element UI 提供的基础 ...
修改element ui中form表单的 label 颜色样式
此时,emement ui的form表单的label(年龄二字)是黑色的. 原代码: <template><el-form :model="numberValidateFo ...
element ui table show-overflow-tooltip自定义样式
element ui table show-overflow-tooltip自定义样式在使用element ui table 组件时,表格td内容太多可设置show-overflow-tooltip ...
在element ui中如何自定义el-date-picker的宽度笔记
0 环境系统:win10 IDE: IDEA 数据库:sqlserver 1 正文网上试了好几种方法没生效前端水平太菜了没办法最后添加个style 在里面定义宽度 <el-date-p ...
element ui table封装组件，render 函数动态事件设置
接着上一篇讲的,封装element ui table, 支持自定义列的展示和按照指定顺序展示自定义列需要在引用页面重新写一下,这样就可以定义化了,多数用于一些转换,或者操作列场景下,自行考虑即可,我 ...
Element Ui使用技巧——Form表单的校验规则rules详细说明；element的 form 表单rules详细用法
本文章是在项目开发时遇到问题看到的一片好文, 摘录自[博客园]–[逍遥云天]. 感谢作者地址 – https://www.cnblogs.com/xyyt/p/13366812.html 在 [逍遥 ...
Vue+Element UI 下，如何给一个表单设置自定义规则或多个验证规则（：rules）
依旧是公司里那个Vue+Element UI的项目.今天遇到了一个新的问题:表单中某个选择器的值不同,控制着下面表单内容是否显示. 大概就是这个样子.由后台返回的"发放方式"的数值 ...
element-UI框架使用validate.js的form校验规则（+自定义验证代码）- 应用篇
文章目录 element-UI除了官方给出的校验规则,还可以自定义(举例如下) 代码示例: 参考文章: element-UI除了官方给出的校验规则,还可以自定义(举例如下) element-UI框架f ...

element-ui el-form自定义规则rules，小红心不出现解决方案

需要在自定义规则处再加required:true

element-ui el-form自定义规则rules，小红心不出现解决方案相关推荐

最新文章

热门文章