(property) list?: ColumnProps[] | undefined

Question

提问：为什么在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
    }
  },

Answer 1

张轩 2023-01-12 10:04:22

同学你好

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

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

• 提问者 顾先生r #1

  原来如此