v-for项目类型未知。

Question

在VS代码中，类型记录会抛出错误。很明显，物品的型号不明。但是它呈现得很好，控制台中没有错误或警告。我该如何消除这些错误呢？

<script setup lang="ts">
    import NavLink from '@/Components/NavLink.vue';
    import { PropType } from 'vue'

    interface Item {
        href: String,
        active: Boolean,
        text: String
    }

    const props = defineProps({
        items : {
            type: Object as PropType<Item[]>,
            required: true
        }
    });
</script>

<template>
  <nav class="navbar navbar-expand-lg">
            <div class="container">
                <a class="navbar-brand" href="{{route('dashboard')}}">Page title</a>
                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
                <div class="collapse navbar-collapse" id="navbarSupportedContent">
                    <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
                        <NavLink v-for="(item, key, index) in items" :href="item.href" :active="item.active" :key="index">
                            {{item.text }}
                        </NavLink>
                    </ul>
                </div>
            </div>
        </nav>
</template>

错误：

'unknown'.

• Property‘’
• 属性'href‘在类型 'active’上不存在，在类型‘’ 'text‘上不存在。

Answer 1

你的密码很奇怪。

items道具被声明为type: Object as PropType<Item[]> -所以运行时类型( Vue用来处理道具的信息)是对象，但是输入info表示它是一个数组。似乎不正确，而且可能是Volar (Vue VS COde语言服务)困惑的原因。