(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 类型了
112023-01-12
相似问题