Объект в url при использовании vue-router

08.08.2022, 16:49. Показов 434. Ответов 0

Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам

Привет. Собственно сабж. Laravel 8 vue3
app.js

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
require('./bootstrap')
 
import { createApp } from 'vue'
import {createRouter, createWebHistory} from 'vue-router'
import { routes } from './routes';
 
const history = createWebHistory({});
 
const router = createRouter({
    base: '/',
    history:history,
    routes
});
 
const app = createApp({
    el: '#app',
    router
});

routes.js

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
import UserComponent from './components/UserComponent.vue';
import CreateComponent from './components/CreateComponent.vue';
import EditComponent from './components/EditComponent.vue';
 
export const routes = [
    {
        name: 'users',
        path: '/',
        component: UserComponent
    },
    {
        name: 'create',
        path: '/create',
        component: CreateComponent
    },
    {
        name: 'edit',
        path: '/edit/:id',
        component: EditComponent
    }
];

App.vue

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<template>
    <div class="container">
        <div class="text-center m-5">
            <span class="lead">Laravel 8 CRUD Operation using Vue.js</span>
        </div>
        <nav class="navbar navbar-expand-lg navbar-light bg-light">
            <div class="collapse navbar-collapse">
                <div class="navbar-nav">
                    <router-link to="/" class="btn btn-primary m-1 nav-link">Users</router-link>
                    <router-link to="/create" class="btn btn-success m-1 nav-link">Add User</router-link>
                </div>
            </div>
        </nav>
        <router-view></router-view>
    </div>
</template>
<script>
    export default {}
</script>

В итоге при переходе на сайт
http://lvue/[objectObject]

Добавлено через 3 часа 22 минуты
Разобрался.

cpp_developer

Эксперт

20123 / 5690 / 1417

Регистрация: 09.04.2010

Сообщений: 22,546

Блог

08.08.2022, 16:49

Ответы с готовыми решениями:

Vue ошибки при использовании Async Await
Добрый день. Начал пробовать вливаться в VUE. Пишу приложение в котором необходимо проходить регистрацию и аутентификацию И на этапе...

Возможно ли использовать относительный (./) путь к js при использовании React-router ?
Собственно вопрос. <script type="text/javascript" src="js/main.js"></script> При роутинге от корня ( например /contacts или /info )...

Vue 2 и router 4
Юзаю Vue js версии 2. Не перехожу на 3, потому что bootstrap vue не поддерживает vue 3, только 2. Вопрос: можно ли юзать Vue Router...

Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.

raxper

Эксперт

30234 / 6612 / 1498

Регистрация: 28.12.2010

Сообщений: 21,154

Блог

08.08.2022, 16:49

Помогаю со студенческими работами здесь

Vue-router не хочет работать
Собственно идея такая, по нажатию кнопки должна отображаться страница /contacts но по ходу vue-router не подключен или работает не так...

Подключение vue-router (ts) к store
Всем примет. Кто подлючал роутер к стору ? В моей сборке роутер написан на TS. А в импортах указать TS файл нельзя. Я вроде как...

Vue-router не отображает компонент по ссылке
Здравствуйте, столкнулся с определенной проблемой. Для перехода использую vue-router. Страницы описываю в файлах .vue. Так вот когда...

Сохранение store в router vue ssr
Использую vue ssr, создание store через createStore() и т.д. Необходимо при определенном роуте в router сохранить текущий store и...

Как сделать активную ссылку по умолчанию со всеми параметрами во vue-router?
как сделать чтобы при переходе в меню PRODUCT была уже нажата любая кнопка выбора продукта из этих (prod | prod-a| prod-b) ps: только...

Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:

Новые блоги и статьи Все статьи Все блоги /
Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .	Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .	Сколько Государство потратило денег на меня, обеспечивая инсулином. Programma_Boinc 20.11.2025 Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .
Ломающие изменения в C#.NStar Alpha Etyuhibosecyu 20.11.2025 Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .	Мысли в слух kumehtar 18.11.2025 Кстати, совсем недавно имел разговор на тему медитаций с людьми. И обнаружил, что они вообще не понимают что такое медитация и зачем она нужна. Самые базовые вещи. Для них это - когда просто люди. . .	Создание Single Page Application на фреймах krapotkin 16.11.2025 Статья исключительно для начинающих. Подходы оригинальностью не блещут. В век Веб все очень привыкли к дизайну Single-Page-Application . Быстренько разберем подход "на фреймах". Мы делаем одну. . .	Фото: Daniel Greenwood kumehtar 13.11.2025	Расскажи мне о Мире, бродяга kumehtar 12.11.2025 — Расскажи мне о Мире, бродяга, Ты же видел моря и метели. Как сменялись короны и стяги, Как эпохи стрелою летели. - Этот мир — это крылья и горы, Снег и пламя, любовь и тревоги, И бескрайние. . .

Наверх