@lookingfor2

Почему мои props undefined?

Родительский компонент
<template>
  <div
    class="container"
    @click="onClick"
  >
    <RenderQuestions :questions="{getQuestionData}"/>
  </div>
</template>

<script>
import {mapGetters} from 'vuex';
import RenderQuestions from './RenderQuestions.vue';
export default {
    components: {RenderQuestions},
    data() {
        return {
            test: "test",
        };
    },
    computed: {
        ...mapGetters(['getUserData', 'getQuestionData']),
    //Other computed properties
    },
    created() {
        console.log(this.$store);
    },
    async mounted() {
        await this.$store.dispatch('getUser');
        await this.$store.dispatch('getQuestion', this.getUserData.data.step);
    },
    methods: {
        onClick () {
            console.log(this.getQuestionData);
        }
    },

};
</script>


Дочерний компонент, куда передаю данные

<template>
  <section class="questions">
    <h1
      class="questions__title"
      @click="onClick"
    >
      Ответь на вопросы
    </h1>
    <div class="questions__wrapper">
      <p class="questions__text" />
      <ul
        v-if="questions && questions.answers.length"
        class="questions__list"
      >
        <li
          v-for="question in questions.answers"
          :key="questions.answers.id"
          class="todo-item"
        >
          {{ question }}
        </li>
      </ul>
    </div>
  </section>
</template>


<script>
import Question from './Question.vue';
export default {
    components: {Question},
    props: {
        questions: {
            type: Object,
            required: true,
            default() {
                return { answers: [] };
            }
        },
    },
    data() {
        return {
        };
    },
    created(){
        console.log(this.props);
    },
    mounted() {
      console.log(this.props)
    },
    methods: {
        onClick : () => {
            console.log(this.props);
        }
    }
};
</script>


В mounted хочу вывести что приходит в props

mounted() {
      console.log(this.props)
    },
  • Вопрос задан
  • 1136 просмотров
Решения вопроса 1
0xD34F
@0xD34F Куратор тега Vue.js
mounted() {
  console.log(this.props)

Оно называется немного иначе.

onClick : () => {
    console.log(this.props);

Ну что тут сказать... Забудьте про vue, просто забудьте. И начинайте осваивать js, вы его не знаете.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы