[Vue warn]: Unhandled error during execution of native event handler

[Vue warn]: Unhandled error during execution of native event handler

在@click中调用了异步函数

Good Code

const handleClick = async () => {
        await asyncFunction(param: YourParam).then(() => {
                //...
        }).catch(() => { }).finally(() => {
                //...
        })
}

Talk

个人菜鸟理解大概是vue或者ts警告异步函数没有规范处理抛出的异常,所以需要加上 .catch(() => {})以‘假’处理的方法来取消警告

Quote

typescript - How to properly handle rejection errors in async event listeners in Vuejs? - Stack Overflow

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Unhandled error during execution of setup function 是一个错误消息,通常出现在使用Vue.js框架进行开发时。它表示在执行组件的setup函数期间发生了错误。 根据你提供的引用内容,有两个可能的原因导致这个错误: 1. 版本问题:根据的引用内容,你降低了Vue.js的版本到3.3后,问题得到了解决。这表明可能是你使用的Vue.js版本与其他依赖库或插件不兼容导致的。为了解决这个问题,你可以尝试将Vue.js版本升级或降级到与其他依赖库或插件兼容的版本。 2. 兼容性问题:根据[3]的引用内容,你提到了使用了 @vitejs/plugin-legacyds 这个兼容工具库。这个工具库可以帮助解决一些旧版本的浏览器不支持的问题。如果你在项目中使用了这个工具库,并且出现了 Unhandled error during execution of setup function 错误,可能是该工具库的配置或使用方式不正确导致的。你可以查阅该工具库的官方文档,确保正确配置和使用。 综上所述,要解决 Unhandled error during execution of setup function 错误,你可以尝试以下几个步骤: 1. 确认Vue.js的版本与其他依赖库或插件兼容。根据你的具体情况,考虑升级或降级Vue.js版本。 2. 如果你使用了 @vitejs/plugin-legacyds 这个兼容工具库,确保正确配置和使用。参考官方文档,检查你的配置是否正确。 3. 检查你的代码逻辑和语法,尤其是在组件的setup函数中。确保没有语法错误或逻辑问题导致的错误。 4. 如果以上步骤都不起作用,尝试搜索相关错误信息的解决方案。你可以参考Vue.js官方文档、社区论坛或其他开发者的讨论来找到可能的解决方案。 请注意,以上步骤仅供参考,具体解决方法可能因具体情况而异。建议你根据你的项目和错误信息的具体情况来选择合适的解决方案。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值