Вопросы с меткой [vue-router]
Модуль Vue.js для маршрутизации запросов.
188
вопросов
0
голосов
0
ответов
16
показов
Сделать так, чтобы роутер не выдавал 404 страницу Github Pages
Моё приложение, написанное на vue находится на Github Pages. У меня есть роутер
import {createRouter, createWebHistory} from "vue-router";
import Index from "../components/screens/Index....
0
голосов
1
ответ
18
показов
Не могу подключить vue-router в Laravel
не получается подключить "vue-router": "^3.5.2" в "Laravel 10".
Когда я в "index.blade.php" через "", подключаю главный компонент "Index.vue"...
1
голос
1
ответ
27
показов
Vue 3 router не рендерит компонент [закрыт]
Пытаюсь сделать простой роутинг в Vue 3.
Столкнулся с такой проблемой: при переходе по
<router-link>
соответствующее содержимое компонента не отображается.
файл App.vue
<...
0
голосов
1
ответ
23
показа
Vue 3 на сервере разработки при переходе по адресу выдаёт ошибку cannot get /адрес
Имею вот такую ссылку:
<li
class="header-list__item"
>
<a href="/roadmap">
<div class="header-nav-link__img roadmap-header-btn"&...
0
голосов
0
ответов
18
показов
Не могу проверить route
Проблема следующая: пишу все на composition API. На страницах Login, Register, Reset необходимо НЕ показывать навигацию и футер, на остальных страницах показывать. В компонененте App.vue делаю ...
0
голосов
0
ответов
9
показов
Роутинг во vue3
я только начинаю изучать vue. И у меня сложился такой вопрос, когда мы создаем router в документации path указан статически
// router.js
const routes = [
{ path: '/', component: Main },
{ ...
0
голосов
0
ответов
34
показа
router-link перезагружает страницу
Никак не могу понять, почему не получается реализовать SPA при использовании laravel9 и vue3
По логике, станица не должна перезагружаться, а при это должны отображаться другие компоненты vue
app.js
...
0
голосов
0
ответов
43
показа
Uncaught (in promise) ReferenceError: state is not defined
Появляется такая ошибка:overflow.com/image.jpg)
Использую vuex, методом проб понял, что приложение ломается из-за состояния isPostsLoading: false в компоненте postModule.js . Это состояние мы ...
0
голосов
1
ответ
23
показа
Vue.js Вызов метода из App.vu, расположенного на текущей открытой странице
Как вызвать метод из App.vu, находящийся на текущей открытой странице. Открытие страниц осуществляется с помощью vue-router?
Я попытался использовать реф-ссылку, добавив ее в код страницы:
Моя ...
1
голос
1
ответ
58
показов
Vue 3 vue-router не работает в production mode
Делаю CRM. У всех страниц в настройках роутера есть мета-свойство layout, определяющее, в какой обёртке будет представлен контент этой страницы
const routes = [
{
path: "/login",
...
0
голосов
0
ответов
34
показа
Vue-Router - Переход на дочернюю страницу по умолчанию
Сделано по документации, но видимо я что-то не понял :(
router/index.js
const routes = [
......
{
path: '/contractor',
name: 'contractor',
component: () => import('../views/...
0
голосов
0
ответов
31
показ
После размещения на github не отображается контент приложения vue-cli, который должен выводиться в теге router-view
Сделал приложение vue-cli с использованием vue-router. На локальном сервере работает хорошо. Сделал publicPath, как в инструкции (publicPath: process.env.NODE_ENV === 'production' ? '/filmrock/' : '/')...
0
голосов
0
ответов
15
показов
Многостраничные приложения на vue
При инициализация vue через команду npm init vue и выборе в качестве дополнительных модулей Vue Router даёт возможность делать многостраничные приложения, но при запуске npm run dev сразу все ...
1
голос
2
ответа
111
показов
Vue.js 3 Composition API ссылки из svg в router-link
У меня есть svg файл (карта оборудования), в котором есть ссылки на 3-д модели. Я хочу при клике по ссылке из svg файла открывать новый маршрут и подгружать свою 3-д модель, это работает с одним но - ...
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 =...
0
голосов
0
ответов
23
показа
Как передать строчку от ребенка к родителю vue js
Родитель в div нужно передавать меняющуюся строку от ребенка.У ребенка разный передаваемый текст. При переходе от ребенка к ребенку текст должен изменяться на тот, который содержит ребенок.Упрощенный ...
0
голосов
0
ответов
31
показ
В vue приложении запросы из компонентов нарастают как снежный ком
Не нашел ответов в документации и интернете.
Получается так, что vue приложение постоянно создает экземпляры одного и того же компонента в памяти и они все дружно отправляют запросы по глобальному ...
0
голосов
0
ответов
62
показа
VueJs 3 Настройка роутов
У меня есть небольшой кусок приложения которые работает на vue3, всё остальное на битриксе. Вообщем у него проблема которая была на vue2. Когда при обновлении страницы через f5, он пишет 404 ошибку. ...
0
голосов
1
ответ
35
показов
Как вывести данные определенного пользователя vue
Здравствуете, уважаемые программисты. Я хочу при нажатии на кнопку вывести данные определенного пользователя, по типу: username, для начала. Данные я беру из json файла. На страницу у меня выводятся ...
0
голосов
0
ответов
36
показов
Не видит данные из стора после перезагрузки
в App.vue получаю данные пользователя(если он авторизован)
onMounted( async () => {
await init();
});
в файл useAuthComposables вынес функцию инициализации
import { authService } from '@/...
0
голосов
0
ответов
17
показов
Декомпозиция роута
Как вы организуете порядок в рутах, просто из за большого скопления кода читать сложно.
import LayoutIndex from "@/components/LayoutIndex";
import LayoutApplications from "@/components/...
0
голосов
0
ответов
49
показов
Vue route params, параметр из url заменяется на %2F
Кому-нибудь когда-нибудь встречалось такое при работе с vue.js, что кусочек динамического url заменяется на "%2F"?
Есть схема роута:
path: '/:platform/login'
Таким образом, при вводе url &...
0
голосов
0
ответов
122
показа
Vue-router meta params for breadcrumbs
Я написал компонент хлебных крошек в который через meta передается название и ссылка. все работает отлично пока я не пытаюсь передать в meta параметр маршрута. в консоли получаю ошибку route is not ...
0
голосов
0
ответов
24
показа
Как подключить роутер к стору в Vue3 с TS
Всем привет. Подскажите, пожалуйста как подключить vue-router к store
Использую vue3, pinia. И там по умолчанию роутер разворачиватся на TS.
А если подключить экспортируемый роутер в стор, система ...
0
голосов
0
ответов
138
показов
Как передать данные через Vue-Router , чтобы при обновлении дочерней страницы данные не исчезали?
Я новичок на Vue и столкнулся со следующей проблемой. Может кто то уже решал это или просто знает решение?
Я через v-for создаю несколько карточек. Данные карточек я получаю из store:
<...
0
голосов
1
ответ
41
показ
Ошибка при внедрении авторизации на сайте: Error POST 404 (OK)
Не могу понять, как решить проблему с POST-запросом.
Пытаюсь реализовать авторизацию на сайте (через Vuejs, vuex, vue-router, axios).
Я буду очень рад, если вы дадите несколько советов.
Я искал ...
0
голосов
0
ответов
118
показов
Как динамически изменить URL адрес не перезагружая страницу
Такая проблема. Я получаю данные в asyncData в зависимости от номера страницы (route.params). У меня есть кнопка «показать еще товары», которая при скролле динамически изменяет params роутера, при ...
0
голосов
0
ответов
28
показов
При изменении данных или скрытии и повторном появлении компонента, контент атрибутов d в path удаляется
Подготовил кусок проекта https://codesandbox.io/s/unruffled-danilo-1tqnuo?file=/src/App.vue
По клику на "Скрыть" и после снова "Показать" (обычный v-if) в каждом path полностью ...
0
голосов
0
ответов
30
показов
Можно ли сделать авто скролл до блока на vue когда vue router имеет mode: 'hash'
Есть сайт на vue который работает в hash моде(так как хостится на гитхаб пейджс).
Мне надо чтобы с главной страницы можно было перейти на другую страницу и проскролить автоматически до нужного блока....
0
голосов
0
ответов
191
показ
Сборка vue приложения на VITE
Всем привет
Есть такая проблема
Есть готовый сайт на Vue3 запускаю сборщик Vite:
import { fileURLToPath, URL } from 'url'
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
...
0
голосов
0
ответов
32
показа
Как сделать запрос только если роут равен главной странице? Vue Router
Как сделать запрос на сервер только если роут совпадает с '/' ?
Я пробовал так:
mounted() {
if (this.$route.path === '/') {
this.getCharacters();
}
},
Но не работает. Если я ...
0
голосов
0
ответов
50
показов
Как сделать кнопки навигации во вью?
вперед-назад
функционал, как в кнопок браузера
<button>на главную</button>
<button>вперед</button>
<button>назад</button>
1
голос
0
ответов
169
показов
Как передать this.$route в header компонент vue?
У меня есть такой index.blade.php
<div id="app">
<header-component></header-component>
<navbar-component></navbar-component>
<router-view><...
0
голосов
1
ответ
30
показов
Vuejs В каком хуке проверять аутентификацию пользователя, чтобы роутер успевал перенаправить?
Отправляю запрос на локальный сервер в главном компоненте App.vue, но запрос, как я понимаю, не успевает прийти, и если даже сервер подтверждает аутентификацию пользователя, то его всё равно кидает на ...
0
голосов
2
ответа
359
показов
Как сделать Vue JS <router-link> не ссылкой, а простым элементом?
Помогите, пожалуйста, лаконично организовать компонент Vue.
Есть параметр isLink который по условию будет рендерить ссылку router-link или просто div
<template>
<router-link v-if="...
0
голосов
1
ответ
188
показов
Vue Router перенаправляет в корень | Как сделать относительный путь vue-router
У меня есть чистый проект vue-cli в котором есть vue 3 и vue-router. Проблема в том что после билда я запускаю из пути localhost/test/dist/ и видно на странице только меню, при нажатии на пункт меню ...
0
голосов
1
ответ
572
показа
Vue-router не обновляет компонент после перехода (this.$router.push)
помогите пожалуйста решить проблему. Делаю блок интернет-магазина, который выводит похожие товары.
Работает это следующим принципом:
В компоненте Vue на хуке created запускаю метод который делает ...
0
голосов
0
ответов
64
показа
Роутинг и ленивая загрузка
Во время установки дефолтного стартового проекта на vue3 генерируется следующий пример:
const routes: Array<RouteConfig> = [
{
path: "/",
name: "Home",
...
0
голосов
0
ответов
60
показов
Vue 2. Хлебные крошки в MPA
Из того, что я находил, так это хлебные крошки можно делать только в связке с VueRouter. Но VueRouter предполагает SPA (либо я плохо понимаю). Отсюда вопрос, как сделать крошки для MPA? С ...
0
голосов
1
ответ
101
показ
Nuxt.js Управление маршрутизацией по api
Я новичок во Vue и Nuxt.
Есть некоторый сайт, назовем его https://site.ru.
Исторически так сложилось что все ссылки на сайте вида https://site.ru/alias и поменять это нельзя.
alias - это некоторая ...
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.$...
0
голосов
1
ответ
125
показов
Vue JS Утечка памяти и проблемы с DOM
Сейчас пишу большое SPA приложение на Vue JS + Vue Router и столкнулся с проблемой, что каждый раз добавляется огромное количество DOM nodes(узлов) и JS event listeners. Решил погуглить и нашёл ...
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-...
0
голосов
0
ответов
51
показ
Как сделать оффлайн страницу на vue
Почитав информацию в интернете, я нашёл один гайд. И меня озадачило пару вещей, я использую vue и vue-router, html страниц отдельных таковых нет (в плане /offline**.html**) и как тогда мне быть?
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'
...
0
голосов
1
ответ
194
показа
Как передать данные из компонента в корневой компонент при использовании роута (router) во Vue
ситуация в компоненте который подключён с помощью router-link изменяются данные которые надо вернуть в родительский компонент. Не подскажите как это сделать? Что то с имитацией события не получается ...
0
голосов
1
ответ
116
показов
Передача параметров на страницу через router
Есть данные которые хранятся в свойстве data App.vue в этом же файле установлены router-link на другие страницы. Вопрос как мне передать данные из data в страницы которые привязаны с помощью router-...
1
голос
1
ответ
29
показов
Как исключить директорию из проверки catchALL?
Вот правило vue-router, которое не работает:
{
path: "/:catchAll(^(?!specialFolder).*)",
name: 'NotFound',
component: NotFound
},
Подскажите, пожалуйста, как исключить ...
0
голосов
0
ответов
53
показа
Vue-js: не срабатывает compute при изменении свойства маршрута vue-router
В моём Vue-приложении в одном из основных элементов отображается заголовок страницы. Его я передаю через vue-router в мета-данных маршрута:
const router = new VueRouter({
mode: 'history',
...
0
голосов
1
ответ
146
показов
Nuxt.js: middleware для раздела на сайте
На сайте есть набор однотипных разделов, с структурой вроде sections/{type}/page/inside.
Структура разделов одинаковая, может использоваться один набор компонентов, нужно только данные разные ...