LiuBei

青春渐行渐远,一去不复返 用有限的时间来记录那些无限美好的事情

vue+elementui Dropdown下拉菜单中选项的click事件不生效

关于vue中@click.native


1.首先 @click.native 是给组件绑定原生事件,只能用在组件上,不可以用在原生元素上。

2. 在组件上绑定@click="clickCpn"事件,click事件无法触发也不生效,需要通过使用@click.native="clickCpn",才能够执行clickCpn方法,   @click.native 监听组件根元素的原生事件 。

3. 除了 @click.native ,还可以在子组件中添加this.$emit ("click" ,value )方法 将子组件的值传到父组件。

  但是这种方法相对麻烦,比如组件中有多个事件,需要重复添加$emit()方法


<el-dropdown-menu slot="dropdown">
     <el-dropdown-item @click.native="refresh">刷新当前</el-dropdown-item>
     <el-dropdown-item @click.native="closeTab">关闭当前</el-dropdown-item>
     <el-dropdown-item @click.native="closeOther">关闭其他</el-dropdown-item>
</el-dropdown-menu>




分享文章
0 条评论