vue.js - Skicka komponentegenskaper till objekt i Vue Typescript


Jag försöker skicka props-värde i en Vue-komponent till ett objekt som index som koden nedan.

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

Men när jag gör detta, fick jag ett fel som detta:

Kompilatorn fortsätter anta att mina props är undefined även om jag har specificerat det ovan.

finns det ett sätt att fixa detta? utan att offra

Svar #1

Det är faktiskt så enkelt som att lägga till required-egenskapen i props

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