新建文章，点击创建按钮，不判断输入是否满足条件，直接跳转

来源：6-13 添加新建文章页面

慕粉孔帅

2024-05-22

老师你好，在第五章form组件中，我按照视频去编写代码但是组件的内容稍微和视频有点不同，不过我认为思路是正确的，而且可以实现了，但是这一节需要复制一个新建页面的时候，虽然页面显示正确了，但是点击创建按钮无法做判断，总是显示result为true，我不清楚哪里出现了问题，方便提供一个邮箱吗我把代码打包发给你看一下，卡在这里一晚上了没有进展

写回答

2回答

张轩

2024-05-23

同学你好

原因在这里啊，你在 CreatePostForm 中新建了一个 emitter

// 40 行
export const emitter = mitt<Events>()

而在 validateInput 中引入的却是另外一个 emiiter

import { emitter } from './ValidataForm.vue'

这就造成了这两个不一致，所以就会出现最终的问题，其实就是任何的事件注册和发射都没有生效。

张轩

慕粉孔帅

同学你好已经看了你的邮件，这里你的多个 emitter 应该出现了循环引用的问题，我将其中一个单独拿了出来就可以了，我创建了一个新的文件，在根目录 /emit.ts import mitt from 'mitt' export type validataFunc = () => boolean type Events = { 'postForm-item-created': validataFunc } export const emitter2 = mitt() 然后用 emitter2 的地方都改成从这个地方引用就可以了，你可以将另外一个 emiiter 也挪进来，这样就可以在一个文件中统一管理了。

2024-05-26

共2条回复

张轩

2024-05-22

同学你好

我的邮箱vikingmute@163.com 记得把 node_modules 文件夹删除掉

慕粉孔帅

老师您好，我已经发送代码，并且在邮件里面介绍了一下，麻烦您看一下，等你的回复

2024-05-22

共1条回复

Vue3 + TS 仿知乎专栏企业级项目

带你完成前后端分离复杂项目，率先掌握 vue3 造轮子技能