0

我有以下 index.html

<html>

....
<section id="#section">
<router-view></router-view>
</section>
</html>

在模板文件中，我在“/”处加载了以下内容

<div>
    <a v-on:click="go()">GO</a>
</div>
<script>
    export default {
        methods: {
            go: function () {
                this.$router.go("/app")
            }
        }
    }
</script>

我有以下路线图

route.map({
    '/': {component: a},
    "/app": {component:b}
})
route.start(a,"#section")

单击链接似乎不会改变视图。我不确定我做错了什么。

即使使用

 route.map({'/': {component: a, subRoutes: { '/app': component: b }}}

似乎不起作用。

4

1 回答 1

-1 
<script>
    export default {
        methods: {
            go: function () {
                this.$router.go("/app")
            }
        }
    }
</script>

我认为应该是this.$router.go，不是this.$route.router.go

看起来您正在调用错误的组件。应该<router-view></router-view>不是<route-view></route-view>

http://router.vuejs.org/en/view.html

于 2016-08-22T10:59:30.983 回答