bug: TypeError: Cannot read properties of undefined (reading ‘email‘)

最新推荐文章于 2025-03-07 22:43:24 发布

原创最新推荐文章于 2025-03-07 22:43:24 发布 · 524 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#bug #前端 #javascript

vue 专栏收录该内容

722 篇文章

订阅专栏

本文讨论了在Vue组件中使用emit事件时，如何正确触发submit事件并进行邮箱和密码有效性检查。遇到无效提交时，给出了警告并提供了解决方案。

<template>
  <div class="home">
    <parent-component @my-event="doSomething"></parent-component>
</div>
</template>

<script>
export default {
  name: "Home",
  emits: {
    click: null,

    submit: payload => {
      if (payload.email && payload.password) {
        return true
      } else {
        console.warning(`Invalid submit event payload!`)
        return false
      }
    }
  },
  setup(props, { emit }) {
    emit("submit")
  }
}
</script>