select下拉框禁止点击

要禁止 `select` 下拉框的点击，可以通过一些 CSS 样式来实现，具体做法如下：

1. 给 `select` 元素添加 `pointer-events: none;` 样式，这样就无法通过鼠标点击触发下拉框；
2. 在 `select` 元素的父元素上添加一个覆盖整个区域的 `div` 元素，并给该元素添加 `pointer-events: auto;` 样式，这样鼠标点击事件就会被该元素所捕获，从而实现了禁止点击下拉框的效果。

下面是一个示例代码：

<template>
  <div class="select-container">
    <select disabled>
      <option value="value1">选项1</option>
      <option value="value2">选项2</option>
      <option value="value3">选项3</option>
    </select>
    <div class="overlay"></div>
  </div>
</template>

<style>
.select-container {
  position: relative;
}

.select-container select {
  pointer-events: none;
}

.select-container .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: default;
  pointer-events: auto;
}
</style>

在上面的代码中，我们将 `select` 元素设置为 `disabled`，这样就无法通过键盘触发下拉框。然后通过覆盖整个区域的 `div` 元素来禁止鼠标点击下拉框。