element-plus里el-select实现懒加载

在 Element Plus 的 `el-select` 中，可以通过设置 `remote` 属性来实现懒加载。当 `remote` 属性为 `true` 时，`el-select` 会自动将 `filterable` 属性设置为 `true`，并触发 `remote-method` 方法。

具体实现步骤如下：

1. 设置 `remote` 属性为 `true`

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

2. 在 `methods` 中实现 `loadOptions` 方法

export default {
  data() {
    return {
      options: [],
      value: ''
    }
  },
  methods: {
    loadOptions(query) {
      // 发送请求获取选项数据
      axios.get('/api/options', {
        params: { query }
      }).then(response => {
        this.options = response.data
      })
    }
  }
}

在这个例子中，`loadOptions` 方法使用 `axios` 库发送请求 `/api/options` 并传递查询参数 `query`，然后将响应数据赋值给 `options` 数组。当用户输入字符时，`el-select` 会自动调用 `loadOptions` 方法并传递当前输入的值作为参数。

需要注意的是，当使用 `remote` 属性时，不再需要手动设置选项数组（如 `:options` 属性）。`el-select` 会在 `loadOptions` 方法返回数据后自动更新选项列表。