1、form 下面只有一个 input 时回车键刷新页面 原因是触发了表单默认的提交行为,给el-form 加上@submit.native.prevent就行了。 <el-form inline @submit.native.prevent> <el-form-item label="订单号"> <el-input v-model="query.orderNo" :placeholder="输入订单号查询" clearable @keyup.enter.native=...
在validate方法回调函数的第一行打印了日志,控制台没有任何输出,说明代码没有执行。 查阅了element文档以及度娘,有说是自定义校验方法的问题,但是把自定义校验相关代码及相关表单项都删除后问题还是没有解决。 各种尝试之后,最后发现是时间日期选择器这块的问题 校验规则rules中两个时间日期选择器的规则中带了type:date...
附上表单校验处代码 在validate方法回调函数的第一行打印了日志,控制台没有任何输出,说明代码没有执行。 查阅了element文档以及度娘,有说是自定义校验方法的问题,但是把自定义校验相关代码及相关表单项都删除后问题还是没有解决。 各种尝试之后,最后发现是时间日期选择器这块的问题 校验规则rules中两个时间日期选择器的...
2.<el-form>在v-for的嵌套里, 这种情况是这样的, 拿我的例子来说,我的页面用v-for 渲染了2个form, ref分别是form-0, form-1. 当调试的时候我发现,当前页面的$refs里有2个,而且每个form 都是一个Array(1)的数组,这时候,数组当然没有validate方法,因此报错, image.png 此时的解决办法就直接取数组的第...
表单验证都可以成功,但是点击按钮以后,进入不到validate方法,打印不出来内容。 原因是不管是进行校验还是不进行校验,都必须调用callback()方法,使用Switch判断,一定要在default中也使用callback(),否则就进入不到validate方法。 var notZero = (
ElementUI el-form的$refs.form.validate()方法失效 找了很久这个问题我以为是若依框架的问题,结果打印那个form的ref看了下发现rules是错的.结果发现是本页有俩个这样的ref
一次先把表单放到页面中,没有设置prop , 然后忘记了,然后测试提交的时候 , validate() , 没有反应 然后看了下代码 , fields.foreach() , 如果没有fields , 那么就不会进到函数里面 , 而fields是有prop才会添加到form中... 感觉不够友好...毕竟不算问题 建议将form-item中的prop的属性设置为required(这种...
一、前言在开发Vue项目过程中,应用element-ui做表单验证遇到this.$refs[formName].validate()提示validate()未定义的问题。 二、问题原因要验证的DOM,还没有加载出来。 三、解决方法首先打印一下this.$refs[formName],检查是否拿到了正确的需要验证的form(有时候获取到数组,需要按下标取值)。其次在拿到了正确的form...
temp.pers.push({ name: '', age: 18 }) }, hadnleCreate() { let self = this; this.$refs['dataForm'].validate((valid) => { debugger //valid==true,怎么验证都是通过 }) } } } </script> element-uitable表单验证vue.js 有用关注2收藏1 回复 阅读7.5k 1 个回答...
你可以试下在validate里面不进行return或者return的类型是promise,因为对validate的callback的返回类型定义是Promise<void> | void 如果这里的写法发生变动,请增加非兼容版本号,并明显标注,如果全部修改是存在大量工作量的。经过测试2.7.1之前是没有问题的,这个严格验证应该是2.7.2新增的。个人认为这种不兼容的改动应该升...