vue路由跳转问题

Question

我想在点击“<router-view class="frameMenu" name="menus"/>”下面的一个按钮，只改变“<router-view></router-view>”的地址，跪求大神指导改如何实现。
就是简单的后台管理系统，点击左侧菜单，改变中间的页面显示新页面。

<template>
  <div id="app">
    <router-view class="frameTop" name="top"/>
    <router-view class="frameMenu" name="menus"/>
    <EasyScrollbar class="frameMain" :barOption="easyScrollbar">
      <div class="organization" :style="'height:'+scrollHeight+'px'">
        <router-view></router-view>
      </div>
    </EasyScrollbar>
  </div>
</template>

{
    path: '/',
    name: '主窗口',
    meta: {
      requireAuth: true, // 添加该字段，表示进入这个路由是需要登录的
    },
    components: {
      default: organization,
      "top": top,
      "menus": menus
    }
  },

Answer 1

如果你只是想点击侧边菜单选项，更改内容。我觉得使用 router-link 更合适。
demo