Описание тега vue-router4

7 ответов

'не предоставляет экспорт с именем' createRouter '' vue 3, vite и vue-router

Я только начал использовать vite с vue. Когда я пытаюсь использовать vue-router, я получаю сообщение об ошибке: SyntaxError: The requested module '/node_modules/.vite/vue-router/dist/vue-router.esm.js?v=4830dca4' does not provide an export named 'cr…
23 янв '21 в 14:57
2 ответа

VueJS-3 Как отрендерить <router-view> </router-view> из vue-router?

В vuejs 2 я мог выполнять рендеринг непосредственно в маршрутизаторе, возвращая тег рендеринга html. Я пытаюсь сделать то же самое в vue3 с vue-router 4, но, похоже, это не работает: { path: 'posts', redirect: '/posts/all', name: 'posts', meta: {'br…
24 фев '21 в 02:20
1 ответ

onBeforeEnter не существует в vue-router@next

Я пытаюсь перейти на vuejs3 и новый vue-router. Теперь я вижу, что beforeRouteEnter не отображается: // same as beforeRouteUpdate option with no access to `this` onBeforeRouteUpdate((to, from, next) => { // your logic console.log("Hello world") /…
16 фев '21 в 13:49
1 ответ

Лучший способ получить текущий маршрут в Vue3 и Vue-router?

Я пытаюсь получить текущий путь (что-то вроде "https://example.com/some/path") с Vue3 и Vue-router. Раньше, используя Vue2, я мог получить текущий маршрут, используя: // works with vue 2.x with composition-api, but not with vue 3.x setup(_, ctx) { c…
1 ответ

vue3, vite и <a href="https://aztwt3nalf3pix4ufax6njtfcq--stackru-com.translate.goog/cdn-cgi/l/email-protection" rel="nofollow noopener noreferrer" target="_blank">[email protected]</a> не могут разрешить компонент router-view

Я создал проект с помощью Vite и добавил [защищен по электронной почте]. Я использую маршрутизатор внутри main.js, так как я просмотрел его и, похоже, это была проблема, однако это не решает мою проблему. // package.json { "name": "rng-alpha", "vers…
13 мар '21 в 14:27
1 ответ

Запрос маршрута не определен при использовании useRoute () в setup () для Vue3 и vue-router4 (далее)

Я использую Vue3 с vue-router 4.0.5, и у меня возникла проблема, когда кажется, что useRoute () правильно перенаправляет маршрут, но запрос маршрута не определен, хотя запрос существует. Для пути /search?q=vue ожидается, что это равно vue но он возв…
18 мар '21 в 03:21
1 ответ

Vue Router не сохраняет URL-адреса, введенные в адресную строку

Итак, у меня есть Vue Router, работающий в режиме истории. Он отлично работает при нажатии &lt;router-links&gt;, но я не могу заставить навигацию в адресной строке "закрепиться". Адрес всегда возвращается к предыдущему URL-адресу, несмотря на загруз…
21 мар '21 в 10:50
2 ответа

Два разных маршрута, использующие одни и те же дочерние компоненты, по-разному оценивают данные

Используя Vue3 и vue-router4, два разных компонента используют одни и те же дочерние компоненты. Шаблоны компонентов настраиваются следующим образом: С учетом вышеизложенного значение selected в фильтре данные оцениваются, и предполагаемый результат…
24 мар '21 в 05:53
0 ответов

Вложенные маршруты Vue 3

Учитывая следующий маршрут: { path: '/detail/:someId', component: SomeDetailComponent, name: 'some-detail', children: [ { path: 'dashboard', component: DashboardComponent, name: 'dashboard' }, { path: '', redirect: { name: 'dashboard' } }, { path: '…
25 мар '21 в 20:01
1 ответ

по методу щелчка с vue-router 4

С vue-router 3 можно было добавить метод с @click.native="myMethod"как объяснено здесь . В vue 3 .nativeмодификатор устарел . Когда пользователь нажимает на &lt;router-link to="somewhere" @click="myMethod"&gt;Click me&lt;/router-link&gt;, это создае…
01 апр '21 в 23:24
5 ответов

Как использовать createAsyncComponent в VueRouter@4.0.0 (Vue3)?

Когда я наполняю component поле в createRouter() как это: { path: '/article/post', name: 'article-post', component: defineAsyncComponent({ loader: () =&gt; import('@/views/article-post/index.vue'), loadingComponent: () =&gt; import('@/views/article-…
11 апр '21 в 15:30
2 ответа

Vue 3 - получить доступ к экземпляру router-view для вызова дочерних методов

Я пытаюсь перенести приложение Vue 2.x на Vue 3.x. К сожалению, последние два дня я изо всех сил пытаюсь найти рабочее решение этой простой проблемы: Мое приложение предназначено для мобильных устройств, и в верхней части экрана у меня есть верхняя …
12 апр '21 в 10:07
1 ответ

vite Запрошенный модуль vue-router?

package.json: { "name": "blog", "version": "0.0.0", "license": "MIT", "scripts": { "dev": "vite --config ./vite.myconfig.js", "build": "vue-tsc --noEmit &amp;&amp; vite build", "serve": "vite preview" }, "dependencies": { "@types/node": "^14.14.37",…
06 апр '21 в 17:56
0 ответов

как перейти к файлу vue, который присутствует в подпапке / подуровне?

В настоящее время я поместил все свои файлы vue в папку под названием 'views' (имя проекта / src / views), за исключением страницы Home.vue, которая находится на один уровень ниже (имя проекта / src / views / seyal / Home.vue). работает следующая ко…
20 апр '21 в 20:43
1 ответ

vue-router@4.05 параметры объекта

Проблема router.push({name:"Order", params: {obj: {}}) не может подтолкнуть obj: {}, вместо этого маршрут получает obj: '[object Object]' Ситуация У меня такой маршрут { path: '/Order', name: 'Order', component: () =&gt; import("../views/Order.vue")…
30 мар '21 в 07:07
1 ответ

Настройка маршрутизатора Vue3 с помощью ссылки меню

У меня в проекте есть src / route / router.js : const Reservation = () =&gt; import("../components/Reservation.vue"); const Scheduler = () =&gt; import("../components/Scheduler.vue"); const routes = [ { path: "/index.html#reservation", name: 'reserv…
20 апр '21 в 23:59
2 ответа

Vue-router4 - передача объекта с помощью &lt;router-link: to&gt; не будет передавать динамические данные

Я просмотрел эти параметры объекта vue-router@4.05, которые несколько связаны. В этом потоке есть упоминание об этом https://github.com/vuejs/vue-router-next/issues/494 , но я все еще не понимаю. Я также пытаюсь передать некоторые данные с помощью а…
20 апр '21 в 15:56
1 ответ

как авторизовать пользователя в vue 3?

У меня возникла проблема с входом пользователя в мое приложение с помощью vue 3 (vue-cli) и vue-router 4 Это router.js import { createRouter, createWebHistory } from 'vue-router'; import store from '../store'; import AuthLayout from "../layouts/Auth…
26 апр '21 в 22:28
0 ответов

как удалить «#» из URL-адреса в Vue.js 3 vue-router 4.0.6

Я работаю над проектом в vue.js и получаю "#" в URL-адресах. как мне удалить его из url. Я работаю над vue.js 3, а vue-router - 4.0.6. мой index.js для маршрутизатора выглядит следующим образом: маршрутизатор / index.js import {createRouter, createW…
27 апр '21 в 09:53
1 ответ

Непредвиденная ошибка при запуске маршрутизатора: Ошибка: отсутствует обязательный параметр «catchAll».

Кто-нибудь знает, почему я получил это предупреждение? [Предупреждение маршрутизатора Vue]: Непредвиденная ошибка при запуске маршрутизатора: Ошибка: Отсутствует обязательный параметр «catchAll»
27 апр '21 в 23:36