解决表单校验报错‘this.$refs[formName].validate is not a function’
报错原因：这种情况下获得表单的方法会得到一个数组而不是对象, 直接使用方法才会报错; 可以通过断点调试查看结果, 是数组对象 elementui 中 form 使用的一个坑: 当使用循环渲染来同时使用多个 form 的时候, 直接使用官方示例代码来使用 form 的方法会报错, 正确的写法是这样:...
·
报错原因：这种情况下获得表单的方法会得到一个数组而不是对象, 直接使用 validate 方法才会报错; 可以通过断点调试查看结果, 是数组对象
elementui 中 form 使用的一个坑: 当使用循环渲染来同时使用多个 form 的时候, 直接使用官方示例代码来使用 form 的方法会报错, 正确的写法是这样:
submitForm(formName) {
this.$refs[formName][0].validate((valid) => {
if (valid) {
this.$message.warning("保存成功!");
} else {
this.$message.warning("信息不完善，无法保存!!");
return false;
}
});
},
基于 Vue 的企业级 UI 组件库和中后台系统解决方案，为数万开发者服务。
更多推荐
11
0- 0
已为社区贡献2条内容
所有评论(0)