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修饰符