vue3 + TS报错

No overload matches this call.
The last overload gave the following error.
Argument of type 'ArticlelistProp[] | undefined' is not assignable to parameter of type 'object'.
Type 'undefined' is not assignable to type 'object'.Vetur(2769)

 

分析：
组件初次加载时，数据还没进来，循环的内容为undefined 

解决：
定义默认初始化数据。

 你们有什么其他解决方案也可以评论区留言

html改为：
 

<div class="card mb-4" v-for="column in list?list:listdefault" :key="column.id">

script改为：

 setup (props) {
    //默认初始化数据
    const listdefault: ArticlelistProp[] = [
      {
        id: '1',
        thumb: '@/assets/column.jpg',
        title: '默认标题',
        desc: '默认描述'
      }
    ]

    return {
      listdefault
    }
  }