Declare typescript interface props in vue.js component

Question

I want to define vue component props with in a single object in typescript.

import {Component, Prop, Vue} from 'vue-property-decorator'

export class Props extends Vue
{
  classElement :string
}

@Component
export default class Menu extends Vue<Props>
{
    public props :Props;

    .....
}

I can do this like above in class based component.

But how can I do this in component using Vue.extend()?

avimimoun · Accepted Answer · 2021-05-24 01:15:41Z

1

Try this syntax

props: {
  foo: {
    type: Object as () => IFoo
  }
}

answered May 24, 2021 at 1:15

avimimoun

9611 gold badge11 silver badges25 bronze badges

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

Collectives™ on Stack Overflow

Declare typescript interface props in vue.js component

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related