Как я могу запретить nuxt-link изменять путь, который я установил? - PullRequest
0 голосов
/ 21 января 2019

У меня есть страница поста в моем приложении nuxt. На стороне у меня есть компонент newArticles, который показывает список новых статей. Я хочу иметь возможность нажать на одну из новых статей и перейти к ней.

URL, когда вы находитесь на статье, это article / {articleId}. Однако, когда я использую nuxt-link: to = "postLink", в которой postLink является вычисляемым свойством в виде "article /" + articleId, , я перенаправляем на article / article / {articleId} вместо article / {ArticleID}

Я читал документы по Vue Router и не могу найти решение. Я попытался использовать точное и передать имя в качестве параметра, но, похоже, это не помогло.

Код Relvent:

<template>
  <div class="box">
    <article class="media">
      <nuxt-link 
        :to="postLink" 
        exact>
        <div class="media-left helper">
          <figure class="image is-96x96">
            <img
              :src="imageLink"
              class ="side-image"
              alt="Image">
          </figure>
        </div>
      </nuxt-link>
    </article>
  </div>
</template>

<script>

export default {
  name: 'SideArticle',
  props: {
    id: {
      type: String,
      required: true
    },
    more props....
  },
  computed: {
    imageLink() {
      return process.env.IMAGES_BASE_URL + JSON.parse(this.imagesurls)[0]
    },
    postLink() {
      return 'article/' + this.id
    }
  },
}
</script>

1 Ответ

0 голосов
/ 23 января 2019

Вы пытались добавить префикс косой черты к пути?

Примерно так:

postLink() {
    return '/article/' + this.id
}
...