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

Question

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

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

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

Сменить код:

<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>

Answer 1

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

Вот так:

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