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

组件支持:

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

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

  
    
    
  

/** JS代码 */

● 例如这个时候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 
})

你可能感兴趣的:(vue.js,elementui,前端)