Pass Component Props to Object in Vue Typescript

Question

I'm trying to pass props value in vue component to object as index like code below.

export default defineComponent({
  props:{
    pollId:{type: String}
  },
  data(){
    return{
      poll: polls[this.pollId]
    }
  }
})

But when I do this, I got error like these:

the compiler keeps assuming that my props are undefined even I've specified it above.

is there a way to fix this? without sacrificing

fahmiduldul · Accepted Answer · 2021-07-13 17:39:45Z

1

It's actually as simple as adding required property in props

export default defineComponent({
  props:{
    pollId:{required:true,type: String}
  },
  data(){
    return{
      poll: polls[this.pollId]
    }
  }
})

answered Jul 13, 2021 at 17:39

fahmiduldul

1,15012 silver badges20 bronze badges

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

Collectives™ on Stack Overflow

Pass Component Props to Object in Vue Typescript

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related