0

Использую Vue SPA + Webpack. Переход на страницу поста происходит, однако на нем не рендерится текст поста, по которому перешли. В чем может быть проблема?

В консоли выдает ошибку:

Error in created hook: "TypeError: Cannot read property '0' of null"

blog.vue(код внутри темплейта)

<p class="post-text">{{ post.body }}</p>
<router-link :to="{ name: 'post', params: { id: index } }">Read next</router-link>

post.vue

<template>
  <div class="post__box" v-if="post">
    <img :src="post.image" class="post-box-img"/>
    <h2 class="post-box-caption">{{ post.title }}</h2>
    <p class="post-box-text">{{ post.body }}</p>
  </div>
</template>

<script>
let posts = require('../posts')

module.exports = {
  data: function () {
    return {
      posts: posts,
      post: null
    }
  },
  created: function () {
    let postId = this.$route.params.id

    this.post = this.post[postId]
  }
}
</script>

Роутинг следующий:

{
      path: '/post/:id',
      name: 'post',
      component: Post
}
1
  • Очевидимо posts у вас null
    – Darth
    Commented 23 мар. 2018 в 8:35

1 ответ 1

2

В created хуке опечатались.

created: function () {
    let postId = this.$route.params.id

    this.post = this.posts[postId]
  }
}

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.