Bagaimana untuk memulakan/memberi nilai lalai kepada tatasusunan dalam DefineProps apabila saya menghantar tatasusunan sebagai prop dalam persediaan skrip vue 3

Question

Saya telah melepasi tatasusunan sebagai item prop dan saya memberikannya jenis dalam Props antara muka dan apabila saya cuba memberikan nilai lalai saya mendapat baris ralat 4 TS2322：类型'never[]'不可分配给类型'（道具：只读<Props>）= >字符串[]'。类型“never[]”不提供与签名“(props: Readonly<Props>): string[]”的匹配项。 Saya tidak pasti apa yang saya lakukan salah di sini, kerana ini nampaknya berfungsi untuk pembolehubah lain

<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

Dokumentasi

Ini terpakai pada API pilihan dan API komposisi!

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

Salin