vue element-ui框架 el-dropdown-menu 绑定click事件/.native在组件化开发中的用法

使用vue element-ui 中的 导航 发现 el-dropdown-menu 绑定click事件不起作用

<el-dropdown>
  <el-dropdown-menu slot="dropdown">
    <el-dropdown-item v-for="(item, index) in deivceList" :key="index" @click="itemClick(item)">
      <h5 class="text-truncate font-size-14">{{ item.name }}</h5>
    </el-dropdown-item>
  </el-dropdown-menu>
</el-dropdown>

后来发现需要在这样写

<el-dropdown>
  <el-dropdown-menu slot="dropdown">
    <el-dropdown-item v-for="(item, index) in deivceList" :key="index" @click.native="itemClick(item)">
      <h5 class="text-truncate font-size-14">{{ item.name }}</h5>
    </el-dropdown-item>
  </el-dropdown-menu>
</el-dropdown>

总结： .native 主要是给自定义的组件添加原生事件。
例：（card是一个自定义的组件）
<card @click.native="clickFn">按钮 </card>有效
<button @click.native="clickFn">按钮 </button>无效