Vue踩坑日记一

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 —— 监听组件根元素的原生事件。
主要是给自定义的组件添加原生事件。