vue.js - [vue router]如何在组件的methods里面重定向路由？

问题描述

问 题

正在学习vue的小白一枚~~~

环境：vue 2.0 +vue-router 2.0。
主页面和子页面都是写在配置文件,route-config.js里面的。所有路由页面都是单个组件，pageXXX.vue。

现在有个功能，在子页面item.vue里面做一些编辑工具，然后点击save按钮，希望可以重定向到主页面list.vue。

item.vue代码大致如下：

<template>
...
<button @click=save(obj)></button>
</template>

<script>
    export default{
        data: function () {
            return {
                obj: {name: 'nicole', age: 20}
            }
        },
        methods: {
            save: function (obj) {
                // 保存数据
                // 然后重定向到'/list'路径
            }
        }
    }
</script>

在组件里面，只能取到this.$route对象，且这个对象是只读的。
重定向，一定需要取到全局的router对象吗？如何取呢？
如果不需要全局router，那么如何重定向？

我的main.js如下：

import Vue from 'vue'
import VueRouter from 'vue-router'
import routeConfig from './route-config'
import App from './App.vue'

Vue.use(VueRouter);

const router = new VueRouter({routes: routeConfig});
new Vue({
    router,
    el: '#app',
    render: h => h(App)
});

求大神解答！！万分感谢！

解决方案

this.$router.push()

这篇关于vue.js - [vue router]如何在组件的methods里面重定向路由？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！