el-select 点击除自己之外的元素触发事件

要实现el-select点击除自己之外的元素触发事件，你可以利用事件委托的方式来实现。具体步骤如下：

给页面的根元素绑定一个点击事件，用来处理点击除el-select之外的元素触发的事件。
在el-select的点击事件中，阻止事件冒泡，以防止点击el-select时触发根元素的点击事件。
在根元素的点击事件处理函数中，判断点击的元素是否为el-select或el-select的子元素，如果是，则不处理。
如果点击的元素不是el-select或el-select的子元素，则执行你想要触发的事件。

以下是一个示例代码：

<template>
  <div @click="handleClick">
    <el-select @click.stop="handleSelectClick">
      <!-- el-select的选项 -->
    </el-select>
  </div>
</template>

<script>
export default {
  methods: {
    handleClick(event) {
      // 判断点击的元素是否为el-select或el-select的子元素
      if (!event.target.closest('.el-select')) {
        // 执行你想要触发的事件
        console.log('点击除el-select之外的元素');
      }
    },
    handleSelectClick(event) {
      // 阻止事件冒泡，以防止点击el-select时触发根元素的点击事件
      event.stopPropagation();
    }
  }
}
</script>

在以上示例代码中，我们给页面的根元素绑定了一个点击事件handleClick，在该事件处理函数中判断点击的元素是否为el-select或el-select的子元素，如果不是则执行你想要触发的事件。同时，在el-select的点击事件handleSelectClick中阻止事件冒泡，以防止点击el-select时触发根元素的点击事件