el-select点击事件

el-select 是 Element UI 提供的下拉选择组件，它可以响应点击事件。你可以通过 `@click` 或者 `v-on:click` 绑定点击事件。

例如，在 el-select 上绑定一个点击事件，可以这样写：

<template>
  <el-select @click="handleClick">
    <!-- options -->
  </el-select>
</template>

<script>
export default {
  methods: {
    handleClick() {
      // 处理点击事件的逻辑
      console.log('el-select 被点击了');
    }
  }
}
</script>

当 el-select 被点击时，`handleClick` 方法会被调用，并输出 "el-select 被点击了"。你可以根据实际需求，在 `handleClick` 方法中编写你的业务逻辑。

相关问题

el-option 点击事件后阻止el-select关闭

要阻止el-select在el-option点击事件后关闭，可以使用以下方法：
首先，设置 disable-remote="false" 来启用el-option的鼠标事件。
然后，利用 @mouseenter.native="optionMouseOver(index)" 来存储选中的行。
在el-select的change事件后，由于mouseleave事件的原因，this.optionHoverIndex会发生变化，所以可以使用visible-change事件来初始化 this.optionHoverIndex。
同时，需要注意使用.stop和.native的搭配使用。

在代码中，可以这样实现：

<el-select v-model="importForm.templateCode" placeholder="请选择" class="w-500px template-select" @visible-change="visibleChange">
  <el-option v-for="(item, index) in templateList" :key="index" :label="item.templateName" :value="item.templateCode" :disable-remote="false" @mouseenter.native="optionMouseOver(index)">
    <span style="float: left">{{ item.templateName }}</span>
    <span style="float: right" class="t-blue" :style="index === optionHoverIndex ? 'display:block' : 'display:none'">
      <span v-if="!item.isDefault" @click.stop="setTempDefault(item)">设为默认</span>
      <span v-else>已默认</span>
    </span>
  </el-option>
</el-select>

这样，当点击el-option中的按钮时，点击事件将被阻止，el-select不会关闭。同时，通过visible-change事件来初始化this.optionHoverIndex，确保选中的行可以正确显示后置按钮。<span class="em">1</span><span class="em">2</span><span class="em">3</span>

el-select-tags点击事件

回答: 根据引用和引用的代码片段，el-select-tags点击事件可以通过在el-select的子节点中找到el-select__tags，然后在其中找到需要绑定点击事件的元素。你可以在这个元素上添加一个onclick事件，然后在点击事件的处理函数中执行你需要的操作。在你的事件处理函数中，你可以通过e.textContent获取到被点击的tag的文本内容，然后进行相应的操作。记得要调用clickEvent.stopPropagation()来防止事件冒泡。希望这个回答对你有帮助。