So initialisieren/geben Sie dem Array in DefineProps einen Standardwert, wenn ich das Array als Requisite im Vue 3-Skript-Setup übergebe

Question

Ich habe ein Array als Requisitenelement übergeben und ihm in der Schnittstelle Props einen Typ zugewiesen. Wenn ich versuche, ihm einen Standardwert zuzuweisen, wird die Fehlermeldung Zeile 4 angezeigt. TS2322：类型'never[]'不可分配给类型'（道具：只读<Props>）= >字符串[]'。类型“never[]”不提供与签名“(props: Readonly<Props>): string[]”的匹配项。 Ich bin mir nicht sicher, was ich hier falsch mache. da dies für andere Variablen zu funktionieren scheint

<script setup lang="ts">
import {ref} from "vue";

interface Props {
  items?: Array<string>
}

const props = withDefaults(defineProps<Props>(), {
  items: []
});
let selectedItem = ref(props.items[0])

Answer 1

文档

这适用于选项 API 和组合 API！

const props = withDefaults(defineProps(), {
  items: () => []
});

复制