el-dropdown-item添加点击事件@click无效

初始代码:

<el-dropdown-menu slot="dropdown" >
   <el-dropdown-item icon="el-icon-info">info</el-dropdown-item>
   <el-dropdown-item icon="el-icon-error" @click="exitSystem">exit</el-dropdown-item>
</el-dropdown-menu>
//此时点击exit是无效的

加上native

<el-dropdown-menu slot="dropdown" >
   <el-dropdown-item icon="el-icon-info">info</el-dropdown-item>
   <el-dropdown-item icon="el-icon-error" @click.native="exitSystem">exit</el-dropdown-item>
</el-dropdown-menu>
//此时点击exit是可以触发事件

vue @click.native 原生点击事件:

1,给vue组件绑定事件时候,必须加上native ,不然不会生效(监听根元素的原生事件,使用 .native 修饰符)

2,等同于在自组件中

根据Vue2.0官方文档关于父子组件通讯的原则,父组件通过prop传递数据给子组件,子组件触发事件给父组件。但父组件想在子组件上监听自己的click的话,需要加上native修饰符

posted @ 2020-08-10 18:23  CodeMuscle  阅读(948)  评论(0编辑  收藏  举报