通过 href 或 nuxt-link 方法生成的重定向链接答案

【问题标题】：redirection link generate by the methods to href or nuxt-link通过 href 或 nuxt-link 方法生成的重定向链接
【发布时间】：2021-12-09 12:07:05
【问题描述】：

您好，我想显示一个带有由方法生成的链接的页面。
这是我当前的代码。

<template>
  <nuxt-link :to="seeProduct(item.sku.product.id).toString()">
      <div>
        <span>Go to product</span>
      </div>
  </nuxt-link>
</template>

<script>
export default {
methods: {
  async seeProduct(id) {
    const app = { $axios: this.$axios };
    const urlProduct = await endPoint.getProduct(app, id);
    console.log(urlProduct.url); // https://www.products/gants.html => this is the url
    return urlProduct.url;
    },
  }
}
</script>

当我点击链接时，重定向不好。如何用方法生成的 URL 做一个好的重定向？

【问题讨论】：

这是您应用的内部路径还是外部 URL？ href 仅在您想离开 Nuxt 应用程序时使用。否则使用nuxt-link。你也可能不需要toString()。
是内部路径

标签： vue.js nuxt.js vue-router

【解决方案1】：

如果是内部路径，我建议您只传递实际路径，甚至更好，此处显示的名称：https://router.vuejs.org/guide/essentials/navigation.html#router-push-location-oncomplete-onabort

当你的 seeProduct 方法完成后，它应该看起来像 :to="{ name: 'gants' }"。

【讨论】：