亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

In the QuestionPage.vue component, your <answers :question="question"></answers> should have a v-if= "question.id" to prevent loading the component in case the question defined in the data() function does not exist.

explain

The error reported in the console is because an undefined variable was used in your HTTP request.

View your Answers.vue component, there is the following code in the created function:

created () {
    this.fetch(`/questions/${this.questionId}/answers`);
},

This question ID refers to the Props/Data structure in the same Answers.vue:

export default {
    props: ['question'],
    mixins: [highlight],
    data () {
        return {
            questionId: this.question.id,
            count: this.question.answers_count,
            answers: [],
            answerIds: [],
            nextUrl: null
        }
    }
}

In your QuestionPage.vue component, you pass question as prop to the Answers.vue component. However, this variable may be undefined. You should first check the result of this function

mounted () {
    this.fetchQuestion ();
    //  alert(this.question)
    //  console.log(this.question)
},

methods: {
    fetchQuestion () {
        axios.get(`/questions/${this.slug}`).then(({data})=> {
          this.question = data.data
        }).catch(error => console.log(error))
    }
}

If the function has no results, make sure your slug prop is correct and handled by the backend.