ご存じのように、vue-route
を使用していくつかのルートパスをラップすることができます。
<!-- vue 1.x -->
<a v-link="{name: 'route_name', params: {id: 1}}"></a>
そしてvue2中:
<!-- vue 2.x -->
<router-link :to="{name: 'route_name', params: {id: 1}}"></router-link>
そして今、私はコピーするユーザのためにリンクのURLを表示したいので、から絶対パスのURLを返す方法があるかどうか、私は疑問に思いますルートオブジェクト?ドキュメントには言及していないようでした。
例えば、私がしたい:
<template>
<label>Copy the address</label>
<input value="url" />
</template>
<script>
export default {
computed: {
url() {
const route = {name: 'route_name', params: {id: 1}};
// !! The bellow shows what I may want.
return this.$router.getLink(route);
},
}.
};
</script>
は、このような方法はありますか?
私はhttps://github.com/vuejs/vuex-router-syncを使用して、 'path'を必要とするコンポーネントで、そのためのプロパティを計算しました。シンプルでストレートなソリューション。 –
現在のルートに絶対パスを返す '$ route.path'があります - https://router.vuejs.org/en/api/route-object.html –
@MU、私は現在のパスは必要ありません私は特定のものを欲しい。 –