+
95
-

vue如何获取指定router name的完整url地址?

vue如何获取指定router name的完整url地址?


网友回复

+
15
-

在Vue中,要获取指定router name的完整URL地址,你可以使用Vue Router提供的方法。以下是几种实现方式:

使用 $router.resolve() 方法:
export default {
  methods: {
    getFullPath(routeName, params = {}, query = {}) {
      const route = this.$router.resolve({
        name: routeName,
        params: params,
        query: query
      });
      return window.location.origin + route.href;
    }
  }
}

使用示例:

const fullUrl = this.getFullPath('user', { id: 123 }, { tab: 'profile' });
console.log(fullUrl);
// 输出类似:https://example.com/user/123?tab=profile
...

点击查看剩余70%

我知道答案,我要回答