Вопросы с меткой [vue-router]
Модуль Vue.js для маршрутизации запросов.
171
вопрос
0
голосов
0
ответов
11
показов
Как загрузить другой layout(Vue)?
столкнулся с такой проблемой: Есть два layout'а, один для страниц логина/регистрации, другой для всего остального.
Какое условие необходимо поставить, чтобы при переходе на auth/login (vue-router) ...
0
голосов
0
ответов
7
показов
Ошибка Vue routing
Пытаюсь разобраться во Vue3 после React, делал Todo. Разбираясь с роутингом, возникла такая ошибка:
В корне проекта есть файл router.js:
import Vue from 'vue'
import Router from 'vue-router'
import ...
0
голосов
0
ответов
18
показов
Как отделить авторизацию от основого кода?
<template>
<Header/>
<div class="app">
<!-- Sidebar -->
<Sidebar />
<!-- Content -->
<router-view />
&...
1
голос
0
ответов
29
показов
Как передать this.$route в header компонент vue?
У меня есть такой index.blade.php
<div id="app">
<header-component></header-component>
<navbar-component></navbar-component>
<router-view><...
0
голосов
0
ответов
24
показа
Как перенаправить на страницу 404 из компонента vue
Я новичок в разработке сайтов и застрял на одной проблеме.
как перенаправить пользователя на страницу с ошибкой 404.
У меня есть такие маршруты
{
path:"/catalog/:catalog",
...
0
голосов
0
ответов
14
показов
Не показывает компонент вложенного маршрута vue
Есть такой route. При нажатии на категорию, не показывает компонент menu, вместо этого показывает родительский компонент categories. Скажите пожалуйста в чем проблема?
{
path: '/categories',
name: '...
0
голосов
1
ответ
23
показа
Vuejs В каком хуке проверять аутентификацию пользователя, чтобы роутер успевал перенаправить?
Отправляю запрос на локальный сервер в главном компоненте App.vue, но запрос, как я понимаю, не успевает прийти, и если даже сервер подтверждает аутентификацию пользователя, то его всё равно кидает на ...
0
голосов
0
ответов
14
показов
vue router сбой навигации по условию
Появилась такая проблема, что при заходе на компонент через ссылку у меня вызывается редирект, но если переходить через router-link то редиректа нету, поле для сравнения я храню в localStorage
roots....
0
голосов
0
ответов
25
показов
Генерация sitemap на vue. При использовании vue-cli-plugin-sitemap получаю ошибку SyntaxError: Invalid or unexpected token
Используя vue-cli-plugin-sitemap получаю ошибку:
src\pages\index.vue:1
<template>
^
SyntaxError: Invalid or unexpected token
Может кто-нибудь подскажет альтернативный способ создания ...
0
голосов
2
ответа
41
показ
Как сделать Vue JS <router-link> не ссылкой, а простым элементом?
Помогите, пожалуйста, лаконично организовать компонент Vue.
Есть параметр isLink который по условию будет рендерить ссылку router-link или просто div
<template>
<router-link v-if="...
0
голосов
1
ответ
36
показов
Vue Router перенаправляет в корень | Как сделать относительный путь vue-router
У меня есть чистый проект vue-cli в котором есть vue 3 и vue-router. Проблема в том что после билда я запускаю из пути localhost/test/dist/ и видно на странице только меню, при нажатии на пункт меню ...
0
голосов
0
ответов
15
показов
Vue-router не перенаправляет после промиса-- получаю пустую страницу
Я новичок и работаю на своим первым проектом! Vue-router не перенаправляет меня после промиса, но если обновлюя или вывожу что-то в консол все отобраюается. Вот мой код router/index.js --
import { ...
0
голосов
0
ответов
38
показов
Как во vue/nuxt запретить роутинг по условию?
Проект на vue 2
export function createRouter() {
return new Router({
mode: 'history',
routes: [
{
path: '/',
component: Index,
name: 'index',
...
0
голосов
0
ответов
9
показов
Как сделать переадресацию на домашнюю страницу, если в url определенные параметры?
имеется фильтр постов (input, select, checkbox и т.п) и при нажатии выбранные параметры отображаются в url, посты фильтруются. Не хотелось использовать get-параметры, поэтому выглядит так:
<home>...
0
голосов
1
ответ
126
показов
Vue-router не обновляет компонент после перехода (this.$router.push)
помогите пожалуйста решить проблему. Делаю блок интернет-магазина, который выводит похожие товары.
Работает это следующим принципом:
В компоненте Vue на хуке created запускаю метод который делает ...
0
голосов
0
ответов
22
показа
Роутинг и ленивая загрузка
Во время установки дефолтного стартового проекта на vue3 генерируется следующий пример:
const routes: Array<RouteConfig> = [
{
path: "/",
name: "Home",
...
0
голосов
0
ответов
8
показов
Изменить интернационализацию только на домашней странице (Vue StoreFront) vue-storefront (1.12.3)
У меня есть сайт на базе vue-storefront (1.12.3)
Сайт использует i18n.
Есть две языковых версии: 'ua', 'ru'
Задание следующее:
нужно настроить Vue Router таким образом, чтобы Домашняя страница ...
0
голосов
0
ответов
37
показов
Почему у меня белый экран vue проекта на github?
Сделал все по инструкции и задеплоил проект на github pages, только при открытии страницы у меня просто отображается компонент header, который указан в App, а вот второй компонент не отображается. Мне ...
0
голосов
0
ответов
30
показов
Vue 2. Хлебные крошки в MPA
Из того, что я находил, так это хлебные крошки можно делать только в связке с VueRouter. Но VueRouter предполагает SPA (либо я плохо понимаю). Отсюда вопрос, как сделать крошки для MPA? С ...
0
голосов
1
ответ
62
показа
Nuxt.js Управление маршрутизацией по api
Я новичок во Vue и Nuxt.
Есть некоторый сайт, назовем его https://site.ru.
Исторически так сложилось что все ссылки на сайте вида https://site.ru/alias и поменять это нельзя.
alias - это некоторая ...
0
голосов
0
ответов
8
показов
Помогите разобраться с 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
ответ
47
показов
Vue JS Утечка памяти и проблемы с DOM
Сейчас пишу большое SPA приложение на Vue JS + Vue Router и столкнулся с проблемой, что каждый раз добавляется огромное количество DOM nodes(узлов) и JS event listeners. Решил погуглить и нашёл ...
0
голосов
0
ответов
25
показов
Как оставить выбранный элемент на другой странице? 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
ответов
21
показ
Как проверить токен в JWT авторизации Vue
У меня вопрос, как сделать проверку токена и его обновление вначале всех действий vue.
Потому что на данный момент у меня это выполняется не последовательно, а асихронно.
В итоге в момент когда ...
0
голосов
0
ответов
21
показ
Как сделать оффлайн страницу на vue
Почитав информацию в интернете, я нашёл один гайд. И меня озадачило пару вещей, я использую vue и vue-router, html страниц отдельных таковых нет (в плане /offline**.html**) и как тогда мне быть?
0
голосов
1
ответ
142
показа
Не отображаются данные во 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
ответ
43
показа
Как передать данные из компонента в корневой компонент при использовании роута (router) во Vue
ситуация в компоненте который подключён с помощью router-link изменяются данные которые надо вернуть в родительский компонент. Не подскажите как это сделать? Что то с имитацией события не получается ...
0
голосов
1
ответ
49
показов
Передача параметров на страницу через router
Есть данные которые хранятся в свойстве data App.vue в этом же файле установлены router-link на другие страницы. Вопрос как мне передать данные из data в страницы которые привязаны с помощью router-...
1
голос
1
ответ
22
показа
Как исключить директорию из проверки catchALL?
Вот правило vue-router, которое не работает:
{
path: "/:catchAll(^(?!specialFolder).*)",
name: 'NotFound',
component: NotFound
},
Подскажите, пожалуйста, как исключить ...
0
голосов
0
ответов
18
показов
Vue-js: не срабатывает compute при изменении свойства маршрута vue-router
В моём Vue-приложении в одном из основных элементов отображается заголовок страницы. Его я передаю через vue-router в мета-данных маршрута:
const router = new VueRouter({
mode: 'history',
...
0
голосов
1
ответ
52
показа
Nuxt.js: middleware для раздела на сайте
На сайте есть набор однотипных разделов, с структурой вроде sections/{type}/page/inside.
Структура разделов одинаковая, может использоваться один набор компонентов, нужно только данные разные ...
0
голосов
1
ответ
63
показа
Vue-router: Хлебные крошки и некорректное отображение пути маршрута в элементе <router-link>
Делая хлебные крошки, столкнулся с проблемой. Заключается она в том, что передаваемый путь route.path в динамический атрибут :href отличается от того, который применяется на элементе. Конкретное ...
0
голосов
0
ответов
15
показов
Загрузка определенной страницы на основе устройства входа Nuxt
Разрабатываю приложение на NuxtJS, есть 2 компонента в папке pages, index.vue и mobileIndex.vue как настроить Nuxt так чтобы он загружал определенную страницу в зависимости от того с какого устройства ...
0
голосов
1
ответ
22
показа
Uncaught Error: Cannot find module '/vrconfig.json'. Как решить проблему
Uncaught Error: Cannot find module '/vrconfig.json'. Как решить проблему
0
голосов
1
ответ
181
показ
Как обратиться к геттеру определенного модуля в vuex?
Пытаюсь создать приватный роутер с помощью middleware и Vue. Для этого мне необходима функция
export default function auth ({ next, store }){
if(!store.getters.auth.isLogged){
return next({
...
0
голосов
0
ответов
21
показ
Получение данных с сервера через Vue Router
Есть приложение, в котором используется Vue3 и Vue Router. Ничего для серверного рендеринга нет (с Vue2 и ssr это было возможно).
Имею ли я возможность написать на сервере что-то вроде
req.appContext =...
0
голосов
0
ответов
66
показов
В чем причина того, что localStorage не совсем правильно отрабатывает после перезагрузки страницы ? VUE JS
Ребята, кто может помочь понять, в чем причина того, что localStorage не совсем правильно отрабатывает после перезагрузки страницы ?
Получается, если я добавляю такой же товар, как я добавил перед ...
0
голосов
1
ответ
100
показов
Как реализовать корзину на Vue JS и Laravel, если не авторизованный пользователь
Пишу приложение на Vue и Laravel, но теперь столкнулся с такой проблемой.
У меня приходит пользователь, и чтобы его не реализовывать для заказа создаю session() с ключом.
Но после добавления товара ...
0
голосов
2
ответа
123
показа
Laravel + vue-router вложенные маршруты перекрывают api маршруты
Я пишу spa приложение на laravel vue. Чтобы управлять маршрутами через vue в laravel web.php я прописал следующее:
<?php
Route::any( '/{any}', function(){
return view('index');
})->where(...
1
голос
2
ответа
123
показа
Vue.js. ссылки с href="#anchor" перезагружают страницу
Проект на vue-cli2, подключен vue-router
Ссылки приходят в контенте от сервера, по запросу, например <a href="#block1"...
при клике по ним, вместо прокрутки до нужного блока, происходит ...
0
голосов
1
ответ
29
показов
Вложенный роутинг vue, жизненый цикл и загрука данных
У меня такой вопрос к экспертам:
Используется вложенный роутинг - например:
{
path: 'root',
component: Root,
children: [
{
path: 'child',
component: Child,...
1
голос
0
ответов
23
показа
Не совсем верно отрабатывает middleware auth в Larvel Vue js. Почему не могу понять
Ситуация следующая:
Я в контроллер, который ведет на страницу с Админкой - пытаюсь вставить функцию конструктор -
namespace App\Http\Controllers\Admin;
use App\Http\Controllers\Controller;
use ...
0
голосов
1
ответ
52
показа
как перенаправять с роутов laravel пользователя на роуты vue-router?
есть проект на laravel 8 где фронт написан на vue 3. на фронте когда пользователь переходит по путям с помощью router-link, router-view загружаются и показывают компоненты. к примеру если через router-...
0
голосов
0
ответов
16
показов
Роут vue и его компонент
сделал роутер, сделал роутер на about и home, хочу что бы при переходе на about треугольника справа - не было, а на home - был.
Но как-то всё идёт не по плану, т.е. обновил страницу и появился ...
1
голос
0
ответов
14
показов
как использовать slot в router-view? vue3
есть такой родительский компонент в котором расположен router-view:
IndexSlider.vue
<template>
...
<router-link :to="{ name: 'index-newsfeed' }" class="newsfeed-more-load__btn ...
1
голос
1
ответ
955
показов
При вводе на vue.js в input чисел нужно чтобы они разбивались на разряды и разделялись пробелами тысячные. Как это реализовать на VUE.js?
Во vue.js есть input куда должны вводиться только числовые значения и при тысячи, значение должно разбиваться пробелом, как это можно реализовать на Vue.js что бы сразу после потери фокуса число ...
0
голосов
1
ответ
148
показов
VueJs. Управление заголовком и meta-данными страницы
Добрый день.
Какие существуют способы (кроме как рендеринга на сервере) менять title и meta-данные страницы в зависимости от роутера? Пытался работать с vue-meta, но данный пакет подходит лишь для Vue ...
1
голос
2
ответа
52
показа
Отслеживание динамических путей во vue
У меня на сайте есть карточки товаров с расположенными под ними кнопками купить.
когда я нажимаю на кнопку меня перебрасывает на страницу с товаром. Примерно example.com/product
Задается вопрос как во ...
0
голосов
1
ответ
94
показа
Не могу обратиться к vuex из router
существует Vue приложение, в котором пользователь может авторизоваться. Так же пользователь может просматривать страницы других пользователей будучи не авторизованным. Если пользователь авторизован и ...
0
голосов
1
ответ
27
показов
Подскажите, как не загружать Vue приложение если пользователь использует IE браузер?
Подскажите, как не загружать Vue приложение если пользователь использует IE браузер?