Vue.js 3 declare a props with Array of Class

Question

I try to define my component props where type is Array

But it not working...

import { Person } from '...'
export default defineComponent({
    props: {
        people: Array<Person>
    }
})

export class Person {
...
}

How to declare it correctly ?

Vocalstorage · Accepted Answer · 2022-07-29 10:35:05Z

14

use Proptype imported from 'vue'

import { Person } from '...'
import { defineComponent, PropType } from 'vue';
    
export default defineComponent({
     props: {
        people: Array as PropType<Array<Person>>,
        default: undefined,
     }
})

answered Jul 29, 2022 at 10:35

Vocalstorage

1411 silver badge4 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Pedro P. Camellon · Accepted Answer · 2024-04-11 18:57:16Z

3

(Vue v3.0.4)

Use PropType:

import { Person } from '...'
import { defineComponent } from 'vue';
import type { PropType } from 'vue'
    
export default defineComponent({
     props: {
        people: Array as PropType<Array<Person>>,
        default: () => [],
     }
})

Ref: https://vuejs.org/api/utility-types.html#proptype-t

edited Apr 11, 2024 at 18:57

answered Oct 13, 2023 at 11:25

Pedro P. Camellon

3093 silver badges17 bronze badges

Collectives™ on Stack Overflow

Vue.js 3 declare a props with Array of Class

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related