Как получить url страницы через Vue.js?

@jerrold_langworth Вы можете использовать $route в Vue.js чтоыб получить URL страницы, небольшой пример кода ниже:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19

<template>
  <div>
    <p>
      Текущий URL: <span>{{ currentUrl }}</span>
    </p>
  </div>
</template>

<script>
export default {
  name: 'CurrentUrl',
  data: () => ({
    currentUrl: '',
  }),
  created() {
    this.currentUrl = this.$route.fullPath
  },
}
</script>

@jerrold_langworth 

В Vue.js вы можете получить URL текущей страницы, используя объект $route. Этот объект содержит информацию о текущем маршруте и позволяет получить доступ к URL страницы.

Для получения URL страницы в Vue.js вы можете использовать свойство $route.path. Например:

1
2
3
4
5

<template>
  <div>
    {{ $route.path }}
  </div>
</template>

В этом примере мы используем двойные фигурные скобки {{}} для вывода значения $route.path. Это свойство содержит путь текущего маршрута, например "/about" или "/products".

Если вам нужно получить полный URL страницы, вы можете использовать свойство $route.fullPath. Например:

1
2
3
4
5

<template>
  <div>
    {{ $route.fullPath }}
  </div>
</template>

В этом примере мы используем $route.fullPath для вывода полного URL текущей страницы, например "https://example.com/about" или "https://example.com/products".

Вы также можете получить доступ к другим свойствам $route, таким как query (для доступа к параметрам запроса) и params (для доступа к параметрам маршрута), чтобы получить более детальную информацию о текущем маршруте.