重定向链接由href或next -link的方法生成

Question

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

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

Answer 1

如果它是一个内部路径，我建议您只传递一个实际路径，或者更好的是传递一个名称，如下所示:https://router.vuejs.org/guide/essentials/navigation.html#router-push-location-oncomplete-onabort

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