el-select远程搜索无箭头下标

您好，对于el-select远程搜索无箭头下标的问题，可能是由于您的样式表中缺少相应的样式导致的。可以尝试添加以下 CSS 样式：

.el-select__tags .el-tag {
  margin-right: 0;
}
.el-select__tags .el-tag__close {
  margin-left: 4px;
}

如果问题仍然存在，请提供更详细的信息，例如您使用的版本号、代码示例等，以便更好地帮助您解决问题。

相关问题

el-select远程搜索分页

对于el-select的远程搜索分页功能，你可以通过以下步骤来实现：

1. 在el-select组件中添加一个远程搜索的方法，该方法需要接收一个参数query，表示搜索关键字，同时需要返回一个Promise对象，该对象需要返回一个包含搜索结果的数组。

2. 在el-select组件中添加一个分页方法，该方法需要接收两个参数：page和pageSize，分别表示当前页码和每页显示的条目数，同时需要返回一个Promise对象，该对象需要返回一个包含分页数据的数组。

3. 在el-select组件中添加一个选项属性：remote。如果remote属性为true，则表示启用远程搜索和分页功能。

4. 在el-select组件中设置一个选项属性：remote-method。该属性需要绑定远程搜索和分页方法。例如：

<el-select v-model="value" remote :remote-method="remoteMethod"></el-select>

5. 在远程搜索和分页方法中，根据传入的参数进行搜索和分页，并返回符合条件的数据。例如：

remoteMethod(query) {
  return new Promise((resolve, reject) => {
    // 发送远程搜索请求，返回符合条件的数据
    // resolve(data)
  })
},
paginate(page, pageSize) {
  return new Promise((resolve, reject) => {
    // 发送分页请求，返回当前页的数据
    // resolve(data)
  })
}

这样，当用户输入关键字时，el-select组件会自动调用远程搜索方法进行搜索，并显示符合条件的数据。当用户滚动到列表底部时，el-select组件会自动调用分页方法加载更多数据。

el-select 远程搜索回显

el-select 远程搜索回显的实现需要以下步骤：

1. 使用 el-select 的 remote 方法来实现远程搜索功能；
2. 在 remote 方法中，将搜索关键字作为参数传递给后端接口，并获取接口返回的搜索结果；
3. 在 el-select 的 filterable 属性中设置为 true，开启搜索功能；
4. 在 el-select 的 remote-method 属性中设置一个函数，用于在搜索时调用 remote 方法并更新 el-select 的下拉列表的选项；
5. 在 remote 方法中，将后端接口返回的搜索结果映射为 el-select 的下拉列表选项，并将这些选项作为参数传递给 remote 方法的回调函数；
6. 在回调函数中，更新 el-select 的下拉列表的选项。

以下是一个示例代码：

<el-select
  v-model="value"
  remote
  filterable
  :remote-method="getOptions"
  :loading="loading"
>
  <el-option
    v-for="option in options"
    :key="option.value"
    :label="option.label"
    :value="option.value"
  />
</el-select>

export default {
  data() {
    return {
      value: '',
      options: [],
      loading: false,
    };
  },
  methods: {
    getOptions(query) {
      if (query !== '') {
        this.loading = true;
        // 调用后端接口获取搜索结果
        this.$http.get('/api/search', { params: { q: query } }).then(res => {
          this.loading = false;
          // 将搜索结果映射为 el-select 的下拉列表选项
          const options = res.data.results.map(result => ({
            value: result.id,
            label: result.name,
          }));
          // 调用回调函数更新 el-select 的下拉列表的选项
          this.options = options;
        });
      } else {
        this.options = [];
      }
    },
  },
};