子组件未在方法对象的函数内部发出

我的父组件有下一段代码:

<v-dialog max-width="400" v-model="loginDialog" @login-success="loginDialog = false"><login-component></login-component></v-dialog>

我的孩子组件有一个:

methods: {
    async handleLoginForm() {
      try {
        const response = await this.$http.post('/api/users/login', { user: this.user })
        this.$store.dispatch('authenticate', response.data.user)
        this.$emit('login-success')
      } catch(error) {
        this.$swal.mixin({
          toast: true,
          position: 'top-end',
          showConfirmButton: false,
          timer: 3000
        }).fire({
          type: 'error',
          title: error.message
        })
      }
    }
  }

一切工作都在我的 handleLoginForm() 方法,除了一件事: this.$emit('login-success') 什么都不做。我的代码有什么问题吗?

编辑: 我刚修改了我的代码,Kamel案例建议不起作用。