el-dropdown-item 点击事件

`el-dropdown-item` 的点击事件可以通过在该元素上绑定 `@click` 事件来监听。例如：

<el-dropdown-item @click="handleClick">点击事件</el-dropdown-item>

在 Vue 的 methods 中定义 `handleClick` 方法即可。

methods: {
  handleClick() {
    // do something
  }
}

相关问题

el-dropdown-item点击事件

el-dropdown-item 点击事件可以通过绑定 click 事件来实现，例如：

<el-dropdown>
  <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="handleClick('item1')">选项一</el-dropdown-item>
    <el-dropdown-item @click="handleClick('item2')">选项二</el-dropdown-item>
    <el-dropdown-item @click="handleClick('item3')">选项三</el-dropdown-item>
  </el-dropdown-menu>
</el-dropdown>

methods: {
  handleClick(item) {
    console.log(item);
  }
}

在上面的代码中，我们给 el-dropdown-item 组件绑定了 click 事件，并且在点击时调用了 handleClick 方法，该方法会输出当前点击的选项。

<div> <el-button @click="showClick">show</el-button> </div> <el-dropdown ref="dropdown1" trigger="contextmenu" style="margin-right: 30px"> <template #dropdown> <el-dropdown-menu> <el-dropdown-item>Action 1</el-dropdown-item> <el-dropdown-item>Action 2</el-dropdown-item> <el-dropdown-item>Action 3</el-dropdown-item> <el-dropdown-item disabled>Action 4</el-dropdown-item> <el-dropdown-item divided>Action 5</el-dropdown-item> </el-dropdown-menu> </template> </el-dropdown> 这段代码应该如何添加show方法

你可以在该组件的 methods 中添加一个名为 showClick 的方法，然后在该方法中获取到 ref 为 dropdown1 的 el-dropdown，并调用它的方法来显示下拉菜单。代码如下：

<template>
  <div>
    <el-button @click="showClick">show</el-button>
    <el-dropdown ref="dropdown1" trigger="contextmenu" style="margin-right: 30px">
      <template #dropdown>
        <el-dropdown-menu>
          <el-dropdown-item>Action 1</el-dropdown-item>
          <el-dropdown-item>Action 2</el-dropdown-item>
          <el-dropdown-item>Action 3</el-dropdown-item>
          <el-dropdown-item disabled>Action 4</el-dropdown-item>
          <el-dropdown-item divided>Action 5</el-dropdown-item>
        </el-dropdown-menu>
      </template>
    </el-dropdown>
  </div>
</template>

<script>
export default {
  methods: {
    showClick() {
      this.$refs.dropdown1.show();
    },
  },
};
</script>

在这个示例中，我们在 el-button 上绑定了一个 click 事件，并且在 methods 中定义了一个名为 showClick 的方法。在该方法中，我们通过 $refs 获取到了 ref 为 dropdown1 的 el-dropdown，并调用了它的 show 方法来显示下拉菜单。