return props.list后面需要加一个'?',否则报错‘Failed to compile.’

来源：4-6 ColumnList 组件使用 Bootstrap 美化

TensionForMuran

2021-08-11

图片描述

如不添加则报错
图片描述

写回答

1回答

张轩

2021-08-11

同学你好在 props 定义上添加 required:true 就可以修正这个问题了。

props: {
    list: {
        type: Array as PropType<ColumnProps[]>,
        required: true
    }
},

因为如果不添加，那么 props.list 就是可选的，可能是 undefined，在 undefined 上面使用任何数组方法是会报错的。要先判断它不是 undefined，在操作，这个问号就是用来判断用的。

不如自成宇宙666

ColumnList.vue?dd4d:15 Uncaught (in promise) TypeError: props.list.map is not a function,老师请问这个错误和版本或者编辑器的检查功能是有关的么

2022-07-09

共1条回复

Vue3 + TS 仿知乎专栏企业级项目

带你完成前后端分离复杂项目，率先掌握 vue3 造轮子技能

3142 学习 · 2313 问题

相似问题

回答 1

回答 1

回答 1

回答 2

回答 3