vue element ui validate 主动触发错误提示操作
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 主动触发错误提示操作就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要为大家介绍了如何基于vue2 实现图片的拖拽、旋转、鼠标滚动放大缩小等功能。文中的示例代码讲解详细，感兴趣的小伙伴可以尝试一下2022-11-11
详解vue-cli项目中用json-sever搭建mock服务器
这篇文章主要介绍了详解vue-cli项目中用json-sever搭建mock服务器，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-11-11
本篇文章主要介绍了Vue-Router模式和钩子的用法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-02-02
这篇文章主要介绍了在nuxt中使用路由重定向的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-11-11
这篇文章主要介绍了 vue 动态组件component ，vue提供了一个内置的<component>,专门用来实现动态组件的渲染，这个标签就相当于一个占位符，需要使用is属性指定绑定的组件，想了解更多详细内容的小伙伴请参考下面文章的具体内容2021-11-11
这篇文章主要介绍了vue innerHTML 绑定单击事件不生效的解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-01-01
这篇文章主要介绍了vue中遇到的坑之变化检测问题（数组相关） ，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-10-10
这篇文章主要为大家详细介绍了Vue之ElementUI Form表单校验，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-08-08
这篇文章主要为大家介绍了Vue3组件挂载之创建组件实例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-10-10
这篇文章主要为大家详细介绍了vue使用nprogress实现进度条，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-12-12
最新评论