el-select去掉右边下拉箭头

在Element UI的el-select组件中，如果你想隐藏默认的右侧下拉箭头，可以使用`clearable`属性配合自定义渲染。`clearable`属性允许用户清除已选择的值，而默认的下拉箭头就是关联这个功能的。将`clearable`设置为`false`即可去掉它：

<el-select v-model="selectedValue" clearable="false">
  <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
</el-select>

在这个例子中，`options`是你的选项列表，`selectedValue`用于存储当前选中的值。

如果你不想让用户清除选择，也不想显示下拉箭头，还可以直接禁用整个select元素，然后通过CSS控制其外观：

<el-select disabled class="no-arrow" v-model="selectedValue">
  <!-- ... -->
</el-select>

<style>
.no-arrow {
  appearance: none; /* 隐藏默认箭头 */
  cursor: default; /* 设置默认光标，阻止点击触发下拉 */
}
</style>

相关问题

把el-select中的下拉箭头图标换成放大镜图标

你可以通过以下两种方式将 `el-select` 中的下拉箭头图标换成放大镜图标：

1. 使用 `slot` 自定义 `el-select` 中的 `suffix-icon`，将默认的下拉箭头图标替换为放大镜图标。

<el-select placeholder="请选择">
  <template slot="suffix-icon">
    <i class="el-icon-search"></i>
  </template>
</el-select>

2. 使用 `el-select` 的 `suffix-icon` 属性指定自定义图标的类名，将默认的下拉箭头图标替换为放大镜图标。

<el-select placeholder="请选择" suffix-icon="el-icon-search"></el-select>

需要注意的是，这里使用的放大镜图标是 `element-ui` 中内置的图标，需要先在项目中引入 `element-ui` 的样式文件。同时，你也可以使用其它图标库中的图标来替换默认的下拉箭头图标。

在element-puls中el-select的下拉箭头替换成搜索图标

可以通过修改 `el-select` 组件的 `suffix-icon` 属性来实现替换下拉箭头为搜索图标。

首先，在 `el-select` 的模板中加入一个搜索图标的 `i` 元素，并添加一个 `click` 事件监听器，用于触发搜索功能：

<el-select v-model="value" placeholder="请选择" @click="handleSearch">
  <i class="el-input__icon el-icon-search" slot="suffix"></i>
  <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
</el-select>

然后，在 `el-select` 的样式中设置下拉箭头图标和搜索图标的样式：

.el-select__caret {
  display: none; /* 隐藏下拉箭头 */
}
.el-select__suffix .el-icon-search:before {
  font-size: 14px;
}

最后，在 `el-select` 的方法中添加 `handleSearch` 方法，用于触发搜索功能：

methods: {
  handleSearch() {
    // 实现搜索功能
  }
}