(property) list?: ColumnProps[] | undefined

来源:4-5 ColumnList 组件编码

顾先生r

2023-01-12

提问:为什么在vscode上, v-for="item in list"的list会提醒(property) list?: ColumnProps[] | undefined,我断言了的呀

<template>
  <ul>
    <li v-for="item in list" :key="item.id">
      <img :src="item.avatar" alt="作者头像">
      <h5>{{ item.title }}</h5>
      <p>{{ item.description }}</p>
      <a href="#">进入专栏</a>
    </li>
  </ul>
</template>

<script lang="ts">
import { defineComponent, PropType } from 'vue'
export interface ColumnProps {
  id: string;
  title: string;
  avatar: string;
  description: string;
}
export default defineComponent({
  name: 'ColumnList',
  props: {
    list: {
      type: Array as PropType<ColumnProps[]>,
      requried: true
    }
  },
写回答

1回答

张轩

2023-01-12

同学你好

原因就是你的 required 拼错了,
应该是:
required: true

这样就会自动推断并且去掉 undefined 类型了

1
1
顾先生r
原来如此
2023-01-12
共1条回复

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

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

3142 学习 · 2313 问题

查看课程