• clearable 包含清空按钮，可将选择器清空为初始状态
  • filterable 前端数据模糊搜索功能

  • :filter-method是实现后端接口请求实现模糊搜索

    el-select自定义数据

  • el-select一般展示文字和id 但是想要获取其余的字段则需要自定义一下数据

    1. <el-select    
    2.    @change="handleSelect" 
    3.    filterable  
    4.    :filter-method="dataFilter" 
    5.    size="mini" 
    6.    v-model="addForm.signType" 
    7.    placeholder="请选择事件名称">
    8.        <el-option
    9.                v-for="item in eventTypeLsit"
    10.                :label="item.label"
    11.                :value="item">
    12.        </el-option>
    13. </el-select>

  • 自定义数据 data就是下拉列表的全部数据 el-select的 :value=”item”即可 操作的value就是 当前的所有data

  1.     getEventList(){
  2.         getList({type:this.addForm.name}).then(res => {
  3.            res.data.forEach(item => {
  4.                this.eventTypeLsit.push({label: item.name, value: item.type, data:item})
  5.            });
  6.         })
  7.     },
  8.     handleSelect(val){
  9.         //val =  data
  10.     }