element-ui中el-dropdown下拉菜单组件添加点击事件

组件直接绑定点击事件@click无效是不生效的, 需要添加@click.native进行绑定点击事件。

<el-dropdown trigger="click">
  <span class="el-dropdown-link">
    下拉菜单<i class="el-icon-arrow-down el-icon--right"></i>
  </span>
  <el-dropdown-menu slot="dropdown">
    <el-dropdown-item @click.native="toEnter">黄金糕</el-dropdown-item>
    <el-dropdown-item>狮子头</el-dropdown-item>
    <el-dropdown-item>螺蛳粉</el-dropdown-item>
    <el-dropdown-item disabled>双皮奶</el-dropdown-item>
    <el-dropdown-item divided>蚵仔煎</el-dropdown-item>
  </el-dropdown-menu>
</el-dropdown>

给组件标签上的事件添加‘.native’修饰符,就可以使事件变为原生点击事件而不再是自定义事件。

你可能感兴趣的:(vue,javascript,elementui,vue.js)