vue 路由vue-router 页面路径有更新 但内容没刷新

Question

我有一个 大的组件 app.vue  内容：
<div class="content" id="routApp">
    <div class="left-layout">
        <v-left></v-left>
    </div>

    <div class="right-layout">
        <router-view></router-view>
    </div>
</div>


///------------left.vue
在上面的 v-left 上 也挂载了一个组件  模板代码：
<template>
    <div>
        <ul>
            <li v-for="(val, key) in menu">
                <router-link :to="val['page']"> {{ val["value"] }} </router-link>
            </li>
        </ul>
    </div>
</template>


最后 使用路由
const router_app = new Vue({
    router
}).$mount('#routApp');

结果是  页面 url 有更新   但router-view里面的内容却不更新 ： 刷新页面又是对的  刷新页面是正常的数据。

Answer 1

要在left.vue里使用watch:{'$route':function(){...}}

Answer 2

同问，请问找到答案了吗？我觉得是自定义组件的问题

Answer 3

不是应该附上 router组件的代码吗..而且 menu中的数据是什么也不知道.很难定位问题吧.

Answer 4

贴下你的menu数据，感觉应该是:to中的路径问题

Answer 5

同样遇到了这个问题，在微信浏览器里面，点击回退，页面url已经回退，但是页面内容并没有改变