Я разрабатываю консоль администратора для моей игры для Android.Это одностраничное веб-приложение.Я использую 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>
Поэтому я хочу, чтобы отображаемый компонент изменялся при каждом выборе menu-item.