vue 事件中的 (native)

.native是什么

.native - 监听组件根元素的原生事件。
主要是给自定义的组件添加原生事件。
# * 给普通的标签加事件,然后加native是无效的

 <el-dropdown class="submitBtn">
     <el-button type="primary" size="mini"> 更多菜单<i class="el-icon-arrow-down el-icon--right"></i>
     </el-button>
         <el-dropdown-menu slot="dropdown">
             <el-dropdown-item @click.native="click"> 双皮奶 </el-dropdown-item>
         </el-dropdown-menu>
 </el-dropdown>

将click的native去掉,思路如下

 子组件监听父组件给的click事件,
 子组件内部处理click事件然后向外发送click事件:$emit("click".fn)

<template>
  <!-- 此处自定义事件名也叫 `click` 所以在使用组件时加不加 `.native` 修饰符都可以 -->
  <button type="button" @click="$emit('click')"><slot /></button>
</template>