Как сделать router.push не из компонта Vue и не из Vuex?

Question

[Николай Семенов]

Всем привет.

Есть такой main.js
export const router = new VueRouter({
routes, // сюда импортируются пути из другого файла routes
mode: 'history'
});
в другом файле есть функция:

regSocialUser (user) {
        console.log(user);
        setTimeout(() => {
            Vue.http.post('auth', {data : user} , {
                emulateJSON: true
            })
                .then(response => {
                    if (response.body === 'done') {
                        localStorage.setItem('userAuth', 'yes')
                        this.userAuth = true;
                        debugger;
                        router.push('/mobile/profile')
                    } else {

                        this.userAuth = false;
                        console.log(this.userAuth);
                    }
                    console.log(response);
                }, error => {
                    console.log(error);
                });

        }, 100)
    }

в него я импортирую
import router from '../main'
но route undefined
Помогите пожалуйста

Answer 1

[Сергей Новиков]

Попробуйте так:

...
this.$router.push("/mobile/profile");
...

Comments

[Николай Семенов]

не, так не работает

[Сергей Новиков]

Во первых, возьмите первый ответ:

import {router} from '../main'

new Vue({ ..., router, ... });

Во вторых, для доступа из Vue или компонентов к push используйте:

...
this.$router.push("/mobile/profile");
...

[Николай Семенов]

Сергей Новиков:
мой main файл

import Vue from 'vue';
import VueRouter from 'vue-router';
import VueResource from 'vue-resource';
import VueMask from 'v-mask'
import md5 from 'md5'

import App from './App.vue';
import {routes} from './routes';
import store from './store/index';

Vue.use(VueRouter);
Vue.use(VueResource);
Vue.use(VueMask);

Vue.http.options.root = 'http://food.idsi-apps.com/app/'

/*Vue.http.headers.common['Authorization'] = 'Basic 111';*/
const router = new VueRouter({
    routes,
    mode: 'history'
});

const app = new Vue({
    router,
    store,
    render: h => h(App)
});

это второй файл где я хочу использовать route

import Vue from 'vue';
import { router } from '../main';
//import routes from '../routes';
export default {
regSocialUser (user, cb, errorCb) {
        console.log(user);
        setTimeout(() => {
            Vue.http.post('auth', {data : user} , {
                emulateJSON: true
            })
                .then(response => {
                    if (response.body === 'done') {
                        localStorage.setItem('userAuth', 'yes')
                        this.userAuth = true;
                        debugger
                        this.$router.('/mobile/profile')
                    } else {

                        this.userAuth = false;
                        console.log(this.userAuth);
                    }
                    console.log(response);
                }, error => {
                    console.log(error);
                });

        }, 100)
    }
}

так не работает, пожалуйста, что я делаю не так?

[Сергей Новиков]

В main есть экспорт?

...
export { router };
...

В вопросе вроде есть. Но это по идеи не правильно. Вынесите router в отдельный модуль тогда, и в main (и где еще нужно) импортируйте.

[rurobud]

Николай Семенов: а store тоже не default? Тогда тоже нужны скобки.

[Николай Семенов]

Сергей Новиков: Да, пока не перенес router в отдельный модуль не хотело работать. Спасибо Вам большое.

[Николай Семенов]

Сергей Новиков: и без this работает

[Николай Семенов]

rurobud: store в отдельном модуле export default

Answer 2

[Negwereth]

import {router} from '../main'

Вы ж не дефолтный экспорт делаете.

Comments

[Николай Семенов]

да есть такое предупреждение в ide, а как правильно сделать?

[Negwereth]

Николай Семенов: написать как у меня и выучить деструктуринг.

[Николай Семенов]

Negwereth: спасибо с удовольствием почитаю. но не работает такой импорт
ide пишет что импорт нигде не используется и "потушила" его

Answer 3

[Yeldos Adetbekov]

Нужно в main.js router подключить. А побочные *.js после него в тот же файл.

Comments

[Николай Семенов]

Можно подробнее? он подключен у меня в main