問題

使用 Iview Menu 過程中，出現(xiàn)其子項 MenuItem 添加 @click 事件無法生效的問題。

解決辦法

使用 @click.native 原生點擊事件替代 @click 點擊事件。

<Menu class="main-menu" mode="horizontal" theme="dark">
    <div class="main-nav">
          <MenuItem
              class="main-nav-menu"
              v-for="(item, index) in menus"
              :key="item.name"
              :name="item.name"
              @click.native="turnToPage(item.name, index)"
          >
              <img class="main-nav-img" :src="item.img" />
              {{ item.title }}
          </MenuItem>
    </div>
</Menu>

相關(guān)知識點

.native —— 監(jiān)聽組件根元素的原生事件。
主要是給自定義的組件添加原生事件。