Вопросы с меткой [vue-router]

Модуль Vue.js для маршрутизации запросов.

Фильтрация
Сортировка
Метки
0 голосов
0 ответов
16 показов

Сделать так, чтобы роутер не выдавал 404 страницу Github Pages

Моё приложение, написанное на vue находится на Github Pages. У меня есть роутер import {createRouter, createWebHistory} from "vue-router"; import Index from "../components/screens/Index....
Дмитрий Быков's user avatar
0 голосов
1 ответ
18 показов

Не могу подключить vue-router в Laravel

не получается подключить "vue-router": "^3.5.2" в "Laravel 10". Когда я в "index.blade.php" через "", подключаю главный компонент "Index.vue"...
Technician's user avatar
1 голос
1 ответ
27 показов

Vue 3 router не рендерит компонент [закрыт]

Пытаюсь сделать простой роутинг в Vue 3. Столкнулся с такой проблемой: при переходе по <router-link> соответствующее содержимое компонента не отображается. файл App.vue <...
PHPEnjoyer's user avatar
0 голосов
1 ответ
23 показа

Vue 3 на сервере разработки при переходе по адресу выдаёт ошибку cannot get /адрес

Имею вот такую ссылку: <li class="header-list__item" > <a href="/roadmap"> <div class="header-nav-link__img roadmap-header-btn"&...
Freez Фриз's user avatar
0 голосов
0 ответов
18 показов

Не могу проверить route

Проблема следующая: пишу все на composition API. На страницах Login, Register, Reset необходимо НЕ показывать навигацию и футер, на остальных страницах показывать. В компонененте App.vue делаю ...
Meekwest's user avatar
0 голосов
0 ответов
9 показов

Роутинг во vue3

я только начинаю изучать vue. И у меня сложился такой вопрос, когда мы создаем router в документации path указан статически // router.js const routes = [ { path: '/', component: Main }, { ...
Nicholas's user avatar
0 голосов
0 ответов
34 показа

router-link перезагружает страницу

Никак не могу понять, почему не получается реализовать SPA при использовании laravel9 и vue3 По логике, станица не должна перезагружаться, а при это должны отображаться другие компоненты vue app.js ...
Вадим Любимов's user avatar
0 голосов
0 ответов
43 показа

Uncaught (in promise) ReferenceError: state is not defined

Появляется такая ошибка:overflow.com/image.jpg) Использую vuex, методом проб понял, что приложение ломается из-за состояния isPostsLoading: false в компоненте postModule.js . Это состояние мы ...
Александр Смирнов's user avatar
0 голосов
1 ответ
23 показа

Vue.js Вызов метода из App.vu, расположенного на текущей открытой странице

Как вызвать метод из App.vu, находящийся на текущей открытой странице. Открытие страниц осуществляется с помощью vue-router? Я попытался использовать реф-ссылку, добавив ее в код страницы: Моя ...
timoshechkin 's user avatar
1 голос
1 ответ
58 показов

Vue 3 vue-router не работает в production mode

Делаю CRM. У всех страниц в настройках роутера есть мета-свойство layout, определяющее, в какой обёртке будет представлен контент этой страницы const routes = [ { path: "/login", ...
nonsense's user avatar
0 голосов
0 ответов
34 показа

Vue-Router - Переход на дочернюю страницу по умолчанию

Сделано по документации, но видимо я что-то не понял :( router/index.js const routes = [ ...... { path: '/contractor', name: 'contractor', component: () => import('../views/...
Maks's user avatar
  • 33
0 голосов
0 ответов
31 показ

После размещения на github не отображается контент приложения vue-cli, который должен выводиться в теге router-view

Сделал приложение vue-cli с использованием vue-router. На локальном сервере работает хорошо. Сделал publicPath, как в инструкции (publicPath: process.env.NODE_ENV === 'production' ? '/filmrock/' : '/')...
Alex's user avatar
  • 1
0 голосов
0 ответов
15 показов

Многостраничные приложения на vue

При инициализация vue через команду npm init vue и выборе в качестве дополнительных модулей Vue Router даёт возможность делать многостраничные приложения, но при запуске npm run dev сразу все ...
Pfjksla's user avatar
  • 15
1 голос
2 ответа
111 показов

Vue.js 3 Composition API ссылки из svg в router-link

У меня есть svg файл (карта оборудования), в котором есть ссылки на 3-д модели. Я хочу при клике по ссылке из svg файла открывать новый маршрут и подгружать свою 3-д модель, это работает с одним но - ...
BorsheC's user avatar
  • 163
0 голосов
0 ответов
31 показ

Почему параметр route undefined? VUE3/Vue-Router

Создал новый проект на vue3, согласно официальной документации. router/index.ts: import { createRouter, createWebHistory } from 'vue-router' import HomeView from '../views/HomeView.vue' const router =...
overus's user avatar
  • 89
0 голосов
0 ответов
23 показа

Как передать строчку от ребенка к родителю vue js

Родитель в div нужно передавать меняющуюся строку от ребенка.У ребенка разный передаваемый текст. При переходе от ребенка к ребенку текст должен изменяться на тот, который содержит ребенок.Упрощенный ...
Nikita Kochnev's user avatar
0 голосов
0 ответов
31 показ

В vue приложении запросы из компонентов нарастают как снежный ком

Не нашел ответов в документации и интернете. Получается так, что vue приложение постоянно создает экземпляры одного и того же компонента в памяти и они все дружно отправляют запросы по глобальному ...
Олег's user avatar
0 голосов
0 ответов
62 показа

VueJs 3 Настройка роутов

У меня есть небольшой кусок приложения которые работает на vue3, всё остальное на битриксе. Вообщем у него проблема которая была на vue2. Когда при обновлении страницы через f5, он пишет 404 ошибку. ...
Moonwolf45's user avatar
0 голосов
1 ответ
35 показов

Как вывести данные определенного пользователя vue

Здравствуете, уважаемые программисты. Я хочу при нажатии на кнопку вывести данные определенного пользователя, по типу: username, для начала. Данные я беру из json файла. На страницу у меня выводятся ...
Виктор's user avatar
0 голосов
0 ответов
36 показов

Не видит данные из стора после перезагрузки

в App.vue получаю данные пользователя(если он авторизован) onMounted( async () => { await init(); }); в файл useAuthComposables вынес функцию инициализации import { authService } from '@/...
Aslero's user avatar
  • 1,253
0 голосов
0 ответов
17 показов

Декомпозиция роута

Как вы организуете порядок в рутах, просто из за большого скопления кода читать сложно. import LayoutIndex from "@/components/LayoutIndex"; import LayoutApplications from "@/components/...
BCD's user avatar
  • 1
0 голосов
0 ответов
49 показов

Vue route params, параметр из url заменяется на %2F

Кому-нибудь когда-нибудь встречалось такое при работе с vue.js, что кусочек динамического url заменяется на "%2F"? Есть схема роута: path: '/:platform/login' Таким образом, при вводе url &...
Alina's user avatar
  • 23
0 голосов
0 ответов
122 показа

Vue-router meta params for breadcrumbs

Я написал компонент хлебных крошек в который через meta передается название и ссылка. все работает отлично пока я не пытаюсь передать в meta параметр маршрута. в консоли получаю ошибку route is not ...
BorsheC's user avatar
  • 163
0 голосов
0 ответов
24 показа

Как подключить роутер к стору в Vue3 с TS

Всем привет. Подскажите, пожалуйста как подключить vue-router к store Использую vue3, pinia. И там по умолчанию роутер разворачиватся на TS. А если подключить экспортируемый роутер в стор, система ...
Vadim Tregubenko's user avatar
0 голосов
0 ответов
138 показов

Как передать данные через Vue-Router , чтобы при обновлении дочерней страницы данные не исчезали?

Я новичок на Vue и столкнулся со следующей проблемой. Может кто то уже решал это или просто знает решение? Я через v-for создаю несколько карточек. Данные карточек я получаю из store: <...
Евгений Засецкий's user avatar
0 голосов
1 ответ
41 показ

Ошибка при внедрении авторизации на сайте: Error POST 404 (OK)

Не могу понять, как решить проблему с POST-запросом. Пытаюсь реализовать авторизацию на сайте (через Vuejs, vuex, vue-router, axios). Я буду очень рад, если вы дадите несколько советов. Я искал ...
Spartak Borisov's user avatar
0 голосов
0 ответов
118 показов

Как динамически изменить URL адрес не перезагружая страницу

Такая проблема. Я получаю данные в asyncData в зависимости от номера страницы (route.params). У меня есть кнопка «показать еще товары», которая при скролле динамически изменяет params роутера, при ...
Dmitriy's user avatar
0 голосов
0 ответов
28 показов

При изменении данных или скрытии и повторном появлении компонента, контент атрибутов d в path удаляется

Подготовил кусок проекта https://codesandbox.io/s/unruffled-danilo-1tqnuo?file=/src/App.vue По клику на "Скрыть" и после снова "Показать" (обычный v-if) в каждом path полностью ...
Артём Фролов's user avatar
0 голосов
0 ответов
30 показов

Можно ли сделать авто скролл до блока на vue когда vue router имеет mode: 'hash'

Есть сайт на vue который работает в hash моде(так как хостится на гитхаб пейджс). Мне надо чтобы с главной страницы можно было перейти на другую страницу и проскролить автоматически до нужного блока....
Kirill's user avatar
  • 93
0 голосов
0 ответов
191 показ

Сборка vue приложения на VITE

Всем привет Есть такая проблема Есть готовый сайт на Vue3 запускаю сборщик Vite: import { fileURLToPath, URL } from 'url' import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' ...
Томаш Еглиш's user avatar
0 голосов
0 ответов
32 показа

Как сделать запрос только если роут равен главной странице? Vue Router

Как сделать запрос на сервер только если роут совпадает с '/' ? Я пробовал так: mounted() { if (this.$route.path === '/') { this.getCharacters(); } }, Но не работает. Если я ...
qweezz's user avatar
  • 199
0 голосов
0 ответов
50 показов

Как сделать кнопки навигации во вью?

вперед-назад функционал, как в кнопок браузера <button>на главную</button> <button>вперед</button> <button>назад</button>
olena's user avatar
  • 9
1 голос
0 ответов
169 показов

Как передать this.$route в header компонент vue?

У меня есть такой index.blade.php <div id="app"> <header-component></header-component> <navbar-component></navbar-component> <router-view><...
Dhesaw's user avatar
  • 11
0 голосов
1 ответ
30 показов

Vuejs В каком хуке проверять аутентификацию пользователя, чтобы роутер успевал перенаправить?

Отправляю запрос на локальный сервер в главном компоненте App.vue, но запрос, как я понимаю, не успевает прийти, и если даже сервер подтверждает аутентификацию пользователя, то его всё равно кидает на ...
Kabarbum's user avatar
0 голосов
2 ответа
359 показов

Как сделать Vue JS <router-link> не ссылкой, а простым элементом?

Помогите, пожалуйста, лаконично организовать компонент Vue. Есть параметр isLink который по условию будет рендерить ссылку router-link или просто div <template> <router-link v-if="...
rizetime's user avatar
0 голосов
1 ответ
188 показов

Vue Router перенаправляет в корень | Как сделать относительный путь vue-router

У меня есть чистый проект vue-cli в котором есть vue 3 и vue-router. Проблема в том что после билда я запускаю из пути localhost/test/dist/ и видно на странице только меню, при нажатии на пункт меню ...
Daniil Screpchenko's user avatar
0 голосов
1 ответ
572 показа

Vue-router не обновляет компонент после перехода (this.$router.push)

помогите пожалуйста решить проблему. Делаю блок интернет-магазина, который выводит похожие товары. Работает это следующим принципом: В компоненте Vue на хуке created запускаю метод который делает ...
rizetime's user avatar
0 голосов
0 ответов
64 показа

Роутинг и ленивая загрузка

Во время установки дефолтного стартового проекта на vue3 генерируется следующий пример: const routes: Array<RouteConfig> = [ { path: "/", name: "Home", ...
Mikhail Krivosheev's user avatar
0 голосов
0 ответов
60 показов

Vue 2. Хлебные крошки в MPA

Из того, что я находил, так это хлебные крошки можно делать только в связке с VueRouter. Но VueRouter предполагает SPA (либо я плохо понимаю). Отсюда вопрос, как сделать крошки для MPA? С ...
Рома Хр's user avatar
0 голосов
1 ответ
101 показ

Nuxt.js Управление маршрутизацией по api

Я новичок во Vue и Nuxt. Есть некоторый сайт, назовем его https://site.ru. Исторически так сложилось что все ссылки на сайте вида https://site.ru/alias и поменять это нельзя. alias - это некоторая ...
Forum Forum's user avatar
0 голосов
0 ответов
11 показов

Помогите разобраться с firebase. 1 вопрос

файл main.js new Vue({ store, router, vuetify, render: (h) => h(App), created() { onAuthStateChanged(auth, (user) => { if (user) { const uid = user.uid; this.$...
salco202020's user avatar
0 голосов
1 ответ
125 показов

Vue JS Утечка памяти и проблемы с DOM

Сейчас пишу большое SPA приложение на Vue JS + Vue Router и столкнулся с проблемой, что каждый раз добавляется огромное количество DOM nodes(узлов) и JS event listeners. Решил погуглить и нашёл ...
Lane's user avatar
  • 42
0 голосов
0 ответов
41 показ

Как оставить выбранный элемент на другой странице? vue

Имеется попап, с некоторыми элементами (item.name) <div class='regions-list__popup' v-if='toggle'> <a v-for='item in resultQuery' :key='item.seo_name' :href='item.link' class='regions-...
Alex's user avatar
  • 242
0 голосов
0 ответов
51 показ

Как сделать оффлайн страницу на vue

Почитав информацию в интернете, я нашёл один гайд. И меня озадачило пару вещей, я использую vue и vue-router, html страниц отдельных таковых нет (в плане /offline**.html**) и как тогда мне быть?
Livixx's user avatar
  • 181
0 голосов
1 ответ
299 показов

Не отображаются данные во Vue Router после перезагрузки страницы

Есть файл index.js(представляющий собой экземпляр vue router): import VueRouter from 'vue-router' import List from '../pages/List' import Zabor from '../pages/Zabor' import Item from '../pages/Item' ...
GregoMur's user avatar
0 голосов
1 ответ
194 показа

Как передать данные из компонента в корневой компонент при использовании роута (router) во Vue

ситуация в компоненте который подключён с помощью router-link изменяются данные которые надо вернуть в родительский компонент. Не подскажите как это сделать? Что то с имитацией события не получается ...
ahel73's user avatar
  • 459
0 голосов
1 ответ
116 показов

Передача параметров на страницу через router

Есть данные которые хранятся в свойстве data App.vue в этом же файле установлены router-link на другие страницы. Вопрос как мне передать данные из data в страницы которые привязаны с помощью router-...
ahel73's user avatar
  • 459
1 голос
1 ответ
29 показов

Как исключить директорию из проверки catchALL?

Вот правило vue-router, которое не работает: { path: "/:catchAll(^(?!specialFolder).*)", name: 'NotFound', component: NotFound }, Подскажите, пожалуйста, как исключить ...
Alex _'s user avatar
  • 313
0 голосов
0 ответов
53 показа

Vue-js: не срабатывает compute при изменении свойства маршрута vue-router

В моём Vue-приложении в одном из основных элементов отображается заголовок страницы. Его я передаю через vue-router в мета-данных маршрута: const router = new VueRouter({ mode: 'history', ...
Timofey Sibirskiy's user avatar
0 голосов
1 ответ
146 показов

Nuxt.js: middleware для раздела на сайте

На сайте есть набор однотипных разделов, с структурой вроде sections/{type}/page/inside. Структура разделов одинаковая, может использоваться один набор компонентов, нужно только данные разные ...
androkettle's user avatar