1回答

张轩

2022-09-13

同学你好

你的代码有这么几个问题，共同造成了验证失败：

1 createPost 文件 25 行

<button class="btn btn-primary btn-large" @click="onFormSubmit">发表文章</button>
// onClick 删除掉，因为这样处理的函数会变成点击的事件对象
<button class="btn btn-primary btn-large">发表文章</button>

2 事件名称错误，ValidateForm 22 行

const emit = defineEmits(['from-submit'])
// 但组件中你用的事件名称都是 ‘form-submit’
所以应该修改为
const emit = defineEmits(['form-submit'])
还有 27 行一样的
emit('form-submit', result)

3 现在验证应该可以触发了，但是你的 ValidateInput 写的还有问题。

VlidateInput 65 行

if (prop.emailRules) {

这里你只验证了 emailRules，别的都返回 true，所以验证都是通过的。

这里建议你看一下我们之前的小节修改一下，第五章可以再回顾一下。

0

0