Я пытаюсь установить связь между компонентами (VueJS 2), используя (vue-router 2) router-link. При нажатии ссылки URL-адрес не обновляется, используемый в blade-сервере (laravel 5.3). Я использовал router-link, и уже заменена v-link, поэтому могу ли я получить любой пример использования vue-router в blade-сервере (последняя версия laravel 5.3) < / сильный>

ошибка консоли: маршрутизатор не определен

app.js

window._ = require('lodash');
    window.$ = window.jQuery = require('jquery');
    require('bootstrap-sass');
    window.Vue = require('vue');
    window.VueRouter = require('vue-router');
    require('vue-resource');
    Vue.use(VueRouter);
    var App = Vue.extend({});
    var router = new VueRouter({
        routes: [
            { path: '/AddServices', component: require('./components/Test.vue') }
        ]
    });
    new Vue({
            el: '#appp',
            router: router,
            render: h => h('router-view')
    });

    Vue.http.interceptors.push((request, next) => {
        request.headers.set('X-CSRF-TOKEN', Laravel.csrfToken);

        next();
    });

balde есть ссылка app.blade.php

<router-link to="/AddServices">/AddServices</router-link>
<router-link to="/AddServices"><a>/AddServices</a></router-link>

У лезвия есть идентификатор для выполнения действия home.blade.php

<div class="container">
    <div class="row" id="appp">
            <router-view></router-view>
        </div>
    </div>
-3
amryami 9 Янв 2017 в 14:11
Вы должны поделиться кодом, в котором вы объявляете свое приложение, маршруты и т. Д. Никто не может сказать вам, где вы ошиблись, если мы не можем увидеть фрагмент кода, ответственный за ваши ошибки.
 – 
dev
9 Янв 2017 в 15:14
Спасибо за ответ мой код
 – 
amryami
9 Янв 2017 в 15:58

2 ответа

Во-первых, вам не нужно создавать новый экземпляр маршрутизатора.

var router = new VueRouter({
...

И иметь

Vue.use(VueRouter) // you can remove that one

Во-вторых, как вы ожидаете, что URL-адрес изменится, если у вас только 1 URL-адрес?

Попробуйте этот роутер

var router = new VueRouter({
    routes: [
        { path: '/', component: require('./components/Example.vue') },
        { path: '/AddServices', component: require('./components/Test.vue') }
    ]
});

А вот ссылки (и не помещайте теги <a> внутри <router-link>

<router-link to="/">/index</router-link>
<router-link to="/AddServices">/AddServices</router-link>
0
dev 9 Янв 2017 в 16:08
Я использую ссылку на маршрутизатор в своем клинке, не выполнял никаких действий после щелчка, и его отображение в браузере не ссылается и вижу в консоли ошибку: маршрутизатор не определен
 – 
amryami
9 Янв 2017 в 16:49
Единственное, что я могу придумать, это если вы еще не установили vue-router? npm install vue-router? Кроме этого, я не вижу ничего плохого в коде. В любом случае, вот рабочий пример того, чего вы пытаетесь достичь raw.githubusercontent.com/tsvetant/laravue/master/resources/… из моих занятий по vue. Возможно, вы сможете отследить сделанную вами ошибку, используя это.
 – 
dev
9 Янв 2017 в 17:07
Вся моя проблема, когда я использую router-link в blade-сервере, не делает ссылку, чтобы показывать только обычную строку, а не ссылку в браузере, и вижу, что консоль сказал, что маршрут не определен, и я уже установил "vue": "^ 2.0.1", "vue-resource" : "^ 1.0.3", "vue-router": "^ 2.1.1"
 – 
amryami
10 Янв 2017 в 03:06

В вашем коде есть несколько опечаток, пожалуйста, проверьте Vue.use (VueRouter) без ';'. el: "# appp" ?, хотя сначала не удалось очистить эти компиляторы. шаг рядом с рисунком

0
Na Meng 12 Янв 2017 в 10:28
Можешь немного очистить это? Я понятия не имею, что вы пытаетесь сказать, кроме того, что в строке 7 отсутствует точка с запятой.
 – 
Loaf
12 Янв 2017 в 20:49
Изменено, но у меня проблема в теге ссылки маршрутизатора лезвия не является ссылкой в ​​моем браузере, когда я фокус не показываю ссылку, я должен добавить что-то (установить), чтобы он работал, или тег ссылки маршрутизатора не работает, когда я добавляю его в blade.php см. в консоли эту проблему "router is undefined", и когда я помещаю пример компонента после того, как помещаю этот тег, этот компонент исчезает и показывает это неправильно в консоли
 – 
amryami
14 Янв 2017 в 02:26