[Vue warn]: Error in v-on handler (Promise/async): “TypeError: Cannot read property ‘status‘ of 问题详解

最新推荐文章于 2024-08-04 00:00:00 发布

X_Flandre

最新推荐文章于 2024-08-04 00:00:00 发布

阅读量1.8w

点赞数 3

文章标签： vue vue.js javascript

本文链接：https://blog.csdn.net/X_Flandre/article/details/108874420

版权

"这篇博客讨论了Vue应用中遇到的一个错误：在VanForm组件的v-on处理程序内遇到了Promise/async错误，提示无法读取undefined的status属性。错误源于在组件中按需导出函数但导入时未正确使用按需导入语法。解决方案是确保在导入函数时使用花括号进行按需导入，如`import { getUserChannels }

摘要由CSDN通过智能技术生成

错误样式:
[Vue warn]: Error in v-on handler (Promise/async): "TypeError: Cannot read property 'status' of undefined"
found in
---> <VanForm>
       <LoginPage> at src/views/login/index.vue
         <App> at src/App.vue
           <Root>

报错点:
[Vue warn]:错误在v-on处理程序(承诺/异步):“TypeError:不能读取属性’status’ undefined”
中发现的
——> < VanForm >
< LoginPage >在src /视图/登录/ index.vue
在src / App.vue <应用>
<根>

解决方法: 导出的方法为按需导出但是在另外组件中导入该方法时没有进行按需导入只需要在组建中对该方法添加{ }进行按需导入

错误示范:
按需导出: export const getUserInfo = () => {}
错误导入格式: import getUserChannels from '@/api/user'

正确导入格式: import { getUserChannels } from '@/api/user'