问题
使用 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 —— 监听组件根元素的原生事件。
主要是给自定义的组件添加原生事件。
网友评论