首页 前端知识 vu3 控制台报错:[Vue warn]: Unhandled error during execution of component

vu3 控制台报错:[Vue warn]: Unhandled error during execution of component

2024-04-30 12:04:31 前端知识 前端哥 106 852 我要收藏

每次按提交的报错信息:

runtime-core.esm-bundler.js:41 [Vue warn]: Unhandled error during execution of component event handler 
  at <ElButton onClick=fn<login> class="button" type="primary"  ... > 

代码:

const login = async () => {
  await form.value.validate()
  const res = await userLoginService(formModel.value)
  userStore.setToken(res.data.token)
  ElMessage.success('登录成功')
  router.push('/')
}

解决方法:

try/catch 抛出错误

const login = async () => {
  try {
    await form.value.validate()
    const res = await userLoginService(formModel.value)
    userStore.setToken(res.data.token)
    ElMessage.success('登录成功')
    router.push('/')
  } catch (error) {
    ElMessage.error('登录失败')
  }
}

现在运行就没问题了

转载请注明出处或者链接地址:https://www.qianduange.cn//article/6743.html
标签
评论
会员中心 联系我 留言建议 回顶部
复制成功!