iView将菜单项与内容链接

我正在为我的android游戏开发一个管理员控制台。它是一个单页的web应用程序。我在用vue.js和iview。所以主页包含一个iView侧导航栏,它包含 menu-items ,我试着把它们联系起来 menu-item 在屏幕上显示不同的组件,但是 @click 和 @select 和 @change 不会触发更新显示组件的函数。代码如下:

            <Sider hide-trigger :style="{background: '#fff'}">
                <Menu  v-bind:active-name="currentActiveBranch" theme="light" width="auto" v-bind:open-names="[currentActiveSection]" accordion>
                    <Submenu v-for="section in sections" :key="section.title" v-bind:name="section.title">
                        <template slot="title">
                            <Icon v-bind:type="section.icon"></Icon>
                            {{ section.title }}
                        </template>
                        <menu-item v-for="branch in section.branches" :key="branch" v-bind:name="branch">{{ branch }}</menu-item>
                    </Submenu>
                </Menu>
            </Sider>

所以我希望显示的组件在 菜单项 挑选出来的。