vue組件實現搜索下拉框功能

1. Vue的form表單實現下拉搜索框

 

 

2. 代碼

在<el-select> 中，加上 filterable 即可（v-model.trim：是過濾輸入的空格），clearable：輸入框帶清空輸入內容的功能

 

 <el-select v-model.trim="form.levelId" placeholder="請選擇" clearable filterable>
      <el-option
          v-for="(item, index) in levelIds"
          :key="item.name + index"
          :label="item.name"
          :value="item.id"
      />
 </el-select>