0
我有一个 大的组件 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里面的内容却不更新 : 刷新页面又是对的  刷新页面是正常的数据。

4个回答

0

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

0

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

0

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

0

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

撰写答案

SegmentFault

一起探索更多未知

下载 App