this.$refs[formName].validate(valid => { if (!valid) { this.getverification() return } })
时间: 2024-04-19 19:24:07 浏览: 16
这是一个使用 Vue.js 的代码片段。它使用了 `$refs` 来获取一个名为 `formName` 的组件引用,并调用了其中的 `validate` 方法。该方法接受一个回调函数 `valid => {...}`,在回调函数中进行验证操作。如果验证结果为 `false`,则会执行 `this.getverification()` 方法,并返回。否则,不会执行任何操作。
相关问题
submitForm(formName) { this.$refs[formName].validate((valid) => { if (valid) { this.form.refid = this.detail.id; this.form.avatarurl = localStorage.getItem('headportrait') ? localStorage.getItem( 'headportrait') : ''; this.$http.post('discusslvyoujingdian/add', this.form).then(res => { if (res.data.code == 0) { this.form.content = ''; this.getDiscussList(1); this.$message({ type: 'success', message: '评论成功!', duration: 1500, }); } }); } else { return false; } }); }, resetForm(formName) { this.$refs[formName].resetFields(); },
这是一个 Vue.js 组件中的两个方法,`submitForm` 和 `resetForm`。
`submitForm` 方法接受一个表单名作为参数 `formName`,然后使用 `this.$refs[formName]` 获取到该表单组件的引用,接着调用该表单组件的 `validate` 方法进行表单验证。如果表单验证通过,就将一些数据赋值到 `this.form` 对象中,然后使用 `this.$http.post` 方法向服务器发送POST请求,并在请求返回结果为成功时清空表单、重新获取评论列表以及提示用户评论成功。如果表单验证不通过,就直接返回 `false`。
`resetForm` 方法也接受一个表单名作为参数 `formName`,然后使用 `this.$refs[formName]` 获取到该表单组件的引用,接着调用该表单组件的 `resetFields` 方法重置表单。
submitForm(formName) { this.$refs[formName].validate((valid) => { if (valid) { alert('submit!'); } else { console.log('error submit!!'); return false; } });
这段代码是一个表单提交的方法。它接受一个参数 `formName`,然后通过 `this.$refs[formName]` 获取对应的表单组件,并调用 `validate` 方法对表单进行验证。
在 `validate` 方法的回调函数中,如果表单验证通过(`valid` 为 `true`),则弹出一个提示框显示 "submit!"。如果表单验证不通过(`valid` 为 `false`),则在控制台输出 "error submit!!" 并返回 `false`。
请注意,这段代码中使用了 Vue.js 的 `$refs` 属性来引用组件,所以它适用于 Vue.js 的项目。