Vue 踩坑日记二：View UI 组件添加单击事件不生效问题

问题

使用 Iview Menu 过程中，出现其子项 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>

相关知识点

.native —— 监听组件根元素的原生事件。
主要是给自定义的组件添加原生事件。