【bugs】Error in created hook (Promise/async): “TypeError: Cannot read properties of undefined (readin

最新推荐文章于 2023-06-29 15:48:14 发布

硬壳贝壳

最新推荐文章于 2023-06-29 15:48:14 发布

阅读量7.2k

点赞数

分类专栏： bugs

本文链接：https://blog.csdn.net/moly_moly/article/details/126414914

版权

Vue.js 错误修复默认参数异步操作类型检查

关键词由CSDN通过智能技术生成

bugs 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

错误代码

export const getCollectedArticleListAPI = ({ page = 1, per_page = 10 }) => {
  return request({
    url: '/v1_0/article/collections',
    method: 'GET',
    params: {
      page,
      per_page
    }
  })
}

报错代码

vue.runtime.esm.js?c320:4560 [Vue warn]: Error in created hook (Promise/async): "TypeError: Cannot read properties of undefined (reading 'page')"

found in

---> <CommentList>
       <ArticleDetail>
         <App> at src/App.vue
           <Root>

改了传参方式发现可以（调用的时候都没有传参）

export const getCollectedArticleListAPI = () => {
  return request({
    url: '/v1_0/article/collections',
    method: 'GET',
    params: {
      page:1,
      per_page:10
    }
  })
}

在网上找了很久找到了原因

JS函数默认参数为对象,调用时不传参报错

正确写法

export const getCollectedArticleListAPI = ({ page = 1, per_page = 10 } = {}) => {
  return request({
    url: '/v1_0/article/collections',
    method: 'GET',
    params: {
      page,
      per_page
    }
  })
}

错误传参和正确传参对比