當我在 vue 3 腳本設定中將數組作為 prop 傳遞時，如何在 DefineProps 中初始化/為數組提供預設值

Question

我已經傳遞了一個陣列作為道具項，我在介面Props 中給了它一個類型，當我嘗試給它一個預設值時，我收到錯誤第四行TS2322：類型'never[ ]'不可指派給型別'（道具：唯讀<Props>）= >字串[]'。類型“never[]”不提供與簽名“(props: Readonly<Props>): string[]”的匹配項。 我不確定我在這裡做錯了什麼，因為這似乎適用於其他變數

<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: () => []
});

複製