vue element ui validate 主动触发错误提示操作


Posted in Javascript onSeptember 21, 2020

elementUI使用了async-validator进行表单验证,但是当我使用下拉树(el-cascader)时,发现其不主动触发,于是我只能主动去触发,方法如下:

this.$refs['form'].fields[0].validateMessage = 'error message'

this.$refs['form'].fields[0].validateState = 'error'

补充知识:element-ui 打开页面触发校验问题

如果你设置了关闭弹出页就resetFields(),此时打开页面仍然触发校验效果,一般是下拉框和时间选择导致的,解决办法就是更改校验规则rules,

endTime: [{ type: 'string', required: true, message: '请选择', trigger: 'blur' }],

type: [{ type: 'number', required: true, message: '请选择', trigger: 'blur' }],

此时,你的下拉选择类型要正确,就像我,此时下拉框的value是number,那么这里就是number,假如你的下拉框对应的value是string,类型相应改变。

与此同时,element-ui有个坑,时区问题,导致传向后台的时间和选择的时间相差八个小时,此时你需要设置

value-format="yyyy-MM-dd HH:mm:ss"

这样,传向后台是一个字符串,校验时,就需要按照endTime的规则了

以上这篇vue element ui validate 主动触发错误提示操作就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
ajax中get和post的说明及使用与区别
Dec 23 Javascript
select标记美化--JS式插件、后期加载
Apr 01 Javascript
jQuery实现的一个自定义Placeholder属性插件
Aug 11 Javascript
JavaScript脚本判断蜘蛛来源的方法
Sep 22 Javascript
封装好的javascript前端分页插件pagination
Jan 04 Javascript
jQuery根据name属性进行查找的用法分析
Jun 23 Javascript
JavaScript html5利用FileReader实现上传功能
Mar 27 Javascript
使用Vue开发一个实时性时间转换指令
Jan 17 Javascript
关于React动态加载路由处理的相关问题
Jan 07 Javascript
微信小程序系列之自定义顶部导航功能
May 21 Javascript
VUE.CLI4.0配置多页面入口的实现
Nov 25 Javascript
vue设置全局访问接口API地址操作
Aug 14 Javascript
Vue Element校验validate的实例
Sep 21 #Javascript
在vue中实现某一些路由页面隐藏导航栏的功能操作
Sep 21 #Javascript
vue3.0 上手体验
Sep 21 #Javascript
微信小程序实现点击页面出现文字
Sep 21 #Javascript
vue pages 多入口项目 + chainWebpack 全局引用缩写说明
Sep 21 #Javascript
理解JavaScript中的Proxy 与 Reflection API
Sep 21 #Javascript
vue实践---根据不同环境,自动转换请求的url地址操作
Sep 21 #Javascript
You might like
刚才在简化php的库,结果发现很多东西
2006/12/31 PHP
php文件操作实例代码
2012/05/10 PHP
PHP数组无限分级数据的层级化处理代码
2012/12/29 PHP
PHP中fwrite与file_put_contents性能测试代码
2013/08/02 PHP
php输入流php://input使用示例(php发送图片流到服务器)
2013/12/25 PHP
php数组查找函数in_array()、array_search()、array_key_exists()使用实例
2014/04/29 PHP
php编写的一个E-mail验证类
2015/03/25 PHP
浅谈PHP接收POST数据方式
2015/06/05 PHP
定位地理位置PHP判断员工打卡签到经纬度是否在打卡之内
2019/05/23 PHP
CutePsWheel javascript libary 控制输入文本框为可使用滚轮控制的js库
2010/02/07 Javascript
JavaScript 轻松搞定快捷留言功能 只需一行代码
2010/04/01 Javascript
关于JavaScript中string 的replace
2013/04/12 Javascript
js 判断控件获得焦点的示例代码
2014/03/04 Javascript
node.js中的fs.lchownSync方法使用说明
2014/12/16 Javascript
学习JavaScript设计模式之迭代器模式
2016/01/19 Javascript
利用JavaScript阻止表单提交的两种方法
2016/08/11 Javascript
js实现打地鼠小游戏
2017/02/13 Javascript
原生javascript上传图片带进度条【实例分享】
2017/04/06 Javascript
js判断传入时间和当前时间大小实例(超简单)
2018/01/11 Javascript
babel的使用及安装配置教程
2018/02/22 Javascript
nuxt.js 缓存实践
2018/06/25 Javascript
jQuery实现的点击按钮改变样式功能示例
2018/07/21 jQuery
JS实现的排列组合算法示例
2019/07/16 Javascript
浅谈Vue static 静态资源路径 和 style问题
2020/11/07 Javascript
Python 多线程的实例详解
2017/09/07 Python
python3实现域名查询和whois查询功能
2018/06/21 Python
python爬取网易云音乐评论
2018/11/16 Python
python 求1-100之间的奇数或者偶数之和的实例
2019/06/11 Python
火山动力Java笔试题
2014/06/26 面试题
工业自动化专业自荐信范文
2014/04/10 职场文书
公司承诺书范文
2014/05/19 职场文书
助学贷款贫困证明
2014/09/23 职场文书
2014年生产部工作总结
2014/12/17 职场文书
个人先进事迹材料
2014/12/29 职场文书
普希金诗歌赏析(6首)
2019/08/22 职场文书
导游词之天津盘山
2019/11/01 职场文书