搜索

+

95

-

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

html5 vue javascript

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%

我知道答案，我要回答

我有问题

最新提问