Javascript i查看将菜单项与内容链接

我正在为我的Android游戏开发一个管理员控制台。它是一个单页web应用程序。我正在使用Vue.js和iView。因此，主页包含一个iView侧导航栏，它包含

菜单项

，我试图将每个

菜单项

与屏幕上显示的不同组件链接，但是

@单击

和

@选择

和

@更改

不会触发更新显示组件的功能。代码如下：

            <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>

{{section.title}}
{{branch}}

---

因此，我希望在选择

菜单项时更改显示的组件。
搜索解决方案后，使用
@click.native=“function\u name”
。
有关详细信息，请查看此链接：