Вопросы и ответы - vue-router

Вопросы и ответы - vue-router



Есть ответ!
Хороший день. Я пытаюсь создать защиту для своего приложения vue, которое перенаправляет на страницу только в том случае, если существует значение в состоянии (не null или undefined). Однако, когда я использую "beforeEnter", я получаю круговую ссылку, и она не перенаправляет меня на страницу. Если я использую "beforeRouteEnter", я обычно перенаправляюсь, но если я обновил страницу, Я не перенаправ...
Есть ответ!
Я новичок в Vue и хочу, чтобы во время мобильной навигации, когда я нажимаю menuItem, я запускаю функцию toggleMenu(открыть / закрыть меню), но затем вся страница перезагружается, кто может это предотвратить? Это моя ссылка: <router-link to="/" @click="toggleMenu"> <div class="nav-item">Home</div> </router-link> Я попытался добавить @cl...
Есть ответ!
Я следую этому учебнику YT, я следовал инструкциям, но кажется, что ExampleComponent не отображается. App.vue показывает, но не маршрут. Вот мой код: app.js import Vue from 'vue'; import router from './router'; import App from './components/App'; require('./bootstrap'); const app = new Vue({ el: '#app', components: { App }, router, }); router.js import Vue from 'vue'; im...
Есть ответ!
Я хочу сделать this.$router.push(path) внутри файла модуля vuex. Поскольку это там не определено, как я мог бы это сделать?
Есть ответ!
Я пытаюсь разделить функциональность пользователя и администратора, но не могу найти удовлетворительного решения. После входа в систему пользователь проходит проверку подлинности, а затем он перенаправляется либо в колонку пользователя, либо в колонку администратора в зависимости от роли. "Теперь, в user.blade file, я просто хочу загрузить пользовательские маршруты и компоненты и наоборот. Таким...
Есть ответ!
Вложенный маршрут с именованным представлением маршрутизатора не загружается. При нажатии на ссылки, показанные в навигационном ящике, соответствующий контент должен быть показан в компоненте v-content. Для этого я использовал именованные представления маршрутизатора. Ниже показан массив маршрутов. routes: [ { path: "", redirect: { name: "home" } }, { path: "/home",...
Есть ответ!
у меня есть фильтр, в процессе фильтрации в vue-router через axios загружаю данные и отображаю их. однако после закрытия браузера и его последующего открытия я наблюдаю и если открыть консоль наблюдаю ошибку Unchecked runtime.lastError: Could not establish connection. Receiving end does not exist. Если смотреть в исходный код становится ясно, что vue не запустился. Погуглив по этой ошиб...
Есть ответ!
Я хочу получить ссылку на предыдущую страницу или url-адрес в vue-router. Как это. Как это сделать? const link = this.$router.getPrevLink(); // function is not exist? this.$router.push(link); Ближняя концепция - this.$router.go(-1). this.$router.go(-1);
Есть ответ!
Я хотел бы указать свои названия в определении маршрута, если это возможно. То, что обычно указывается в <head><title> и появляется в строке заголовка браузера. Мой проект настроен следующим образом: main.js import Vue from 'vue' import App from './App.vue' import VeeValidate from 'vee-validate'; import router from './router' import ElementUI from 'element-ui'; import 'element-ui/li...
Есть ответ!
Структура моего роутера следующая(часть для наглядности): Когда я кликаю по соответствующей кнопке меню (нав. бар слева на скрине ниже), то переход между компонентами работает правильно и в адресной строке указан верный путь: Но вот если попробовать напрямую перейти по этому URL в адресной строке (тупо выделить и нажать enter, например), то получаю 404 ошибку: И это именно в случае с chi...
Есть ответ!
У меня есть форма, разделенная на 5 компонентов, и пользователь может перемещаться по ним с помощью степперов (я использую vue-материал для своего проекта). Для этого я использую vue-router. Однако здесь у меня возникла серьезная проблема: компоненты теряют всю информацию в магазине (я использую vuex), когда возвращаются на маршрут, который они уже заполнили. Итак, чтобы было понятно: если пользов...
Есть ответ!
Я нашел проблему в vue-маршрутизаторе, которая очень сильно меня раздражает. Всегда, когда я переключаюсь между своими маршрутами, создается новый экземпляр компонента. Далее старые экземпляры не удаляются и работают в фоновом режиме! Я ожидал бы, что когда я открою маршрут, старые компоненты будут уничтожены или перестанут работать. Есть ли обходной путь для решения этой проблемы? Вот скрипка:...
Есть ответ!
Хорошо, чтобы объяснить это просто: У меня 3х страниц. Страница 1 (Главная) Страница 2 (Меню) Страница 3 (О Компании) На странице 1 есть- <router-link to="/menu"> кнопка, которая при нажатии направляется в "/ menu". На данный момент Страница 2 (меню) имеет <router-link to="/"> кнопка и при нажатии на эту кнопку она возвращается к предыдущему местоположению " / " Страниц...
Есть ответ!
Я новичок в vuejs и работаю над своим первым проектом с vue. Мне просто интересно, как я буду маршрутизировать свой компонент 404.vue, когда запрошенный url-адрес не будет найден. Есть Идеи?
Есть ответ!
Я пытаюсь использовать vue-router и router-link. Когда я нажимаю на ссылку, URL-адрес обновляется правильно, но ничего не загружается в <router-view></router-view>. Я предполагаю, что это как-то связано с использованием cdns unpkg, а не с построением этого с помощью vue-CLI? Я не совсем понимаю, почему это не работает. index.html .... <body> .... <nav id="app">...
Есть ответ!
Я пытаюсь написать свое первое приложение Vuejs. Я использую vue-cli и простой шаблон webpack. Когда я добавляю ссылки vue-router в свой компонент приложения, я получаю эту ошибку в консоли Ошибка в функции рендеринга: "TypeError: не удается прочитать свойство 'matched' undefined" Вот мой код: Приложение.Вью <template> <div> <h2>Links</h2> <ul> ...
Есть ответ!
У меня есть страница резюме и подстраница подробностей. Все маршруты реализованы с помощью vue-router (v 0.7. x) с использованием программной навигации, подобной этой: this.$router.go({ path: "/link/to/page" }) Однако, когда я перехожу со страницы сводки на подстраницу, мне нужно открыть подстраницу в новой вкладке точно так же, как если бы я добавил _target="blank" к тегу <a>. Есть ли ...
Есть ответ!
Я новичок в vuejs, и у меня есть некоторые вопросы при его использовании. Я создаю корневое представление с 2 дочерними компонентами в нем, файл rootview.vue выглядит следующим образом: <template> <div id="rootView"> <calendar-top-view></calendar-top-view> <calendar-bottom-view></calendar-bottom-view> </div> </template> <script> ...
Есть ответ!
Я переопределил (расширил) некоторый класс, загруженный из npm, и добавил определения типов, но по какой-то причине мои определения имеют более низкий приоритет, чем определения из node_modules. Можно ли управлять приоритетом определения typescript с помощью свойства typeRoots или чего-то еще? Пример: Я импортировал VueRouter из пакета vue-router и расширил его таким образом: export class Router e...
Есть ответ!
У меня есть несколько вопросов о vuejs и маршрутизаторе .. window. addEventListener ('scroll',...) также не обнаружен в моем компоненте. Когда я набрал окно.scrollY' в консоли.войти. Он всегда будет возвращать мне 0. Выполните прокрутку вправо(г) доступные и окна.innerHeight не равен 0 Я не могу обнаружить, когда клиент перемещается прокруткой вниз Я использую vuestic и vue-router Спасибо crea...


Закрыть X