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>
标签:原生,Vue,click,添加,事件,日记 From: https://www.cnblogs.com/former/p/16932175.html
.native
—— 监听组件根元素的原生事件。
主要是给自定义的组件添加原生事件。