el-select从远程获取options且可远程搜索

组件支持：

为了应对需要从远程搜索获取数据的情况，Element-UI有给我们封装好参数让我们使用。

1. filterable：没有它就不能搜索
2. remote：没有它就不能远程获取
3. remote-method：function，输入值变化就调用，默认传入我们输入的值

/** HTML */
<el-form :model="form">
  <el-form-item prop="form.remoteSelect">
    <el-select
      :remote="true"
      :remote-method="this.requestMethod"
      filterable
      clearable
    >
    </el-select>
  </el-form-item>
</el-form>

/** JS代码 */
<script>
export default {
  data(){
    return {
      form: {
        remoteSelect: ""
      }
    }
  }
  methods: {
    requestMethods(query){
      console.log(query)
    }
  }
}
</script>

● 例如这个时候query就是Lce

接口支持：

1. 首先我们要有一个后端POST接口：
   DATA_URL_GET_HTTP_APIS
2. 然后我们定义一个接口函数 getApiList，里面包括 URL（请求地址）和 params（请求参数）
3. 将 getApiList 引入我们的 vue 组件
4. 定义好params，从接口获取数据

getApiList.then((res) => {
  this.apiOptions = res.data 
})