vue3+ts 定义props中的对象数组

amnesia999 / 2024-11-21 / 原文

<script setup lang="ts">
declare interface infoVo {
  id?: string;
  reason?: string;
}
// declare type infoListVo = infoVo[]
// declare interface infoListVo {
//     [index: number]: infoVo
// }

const props = defineProps({
    infoList: {type: Array as () => infoVo[], default: () => []},
});

/*** 提示信息 */
let infoList = reactive<infoVo[]>([]);

watch(() => props.infoList, val => {
  infoList = val
})

</script>