select分俩块,el-select嵌入input和el-tree

在Element UI中，实现select分为两个部分，一部分是el-select嵌入input，另一部分是el-select结合el-tree。

对于el-select嵌入input，可以通过在el-select中设置filterable属性来启用输入框检索功能。这样用户可以通过输入内容来匹配选择项，也可以通过allow-create配置项来创建输入的项。例如:

<el-form-item :label="firstClsf" prop="firstClsf">
  <el-select style="width:100%" v-model="caseList.firstClsf" allow-create clearable filterable>
    <el-option v-for="item in firstClsfGroups" :label="item.groupName" :key="item.id" :value="item.id"></el-option>
  </el-select>
</el-form-item>

而对于el-tree和el-select的结合使用，主要是实现树形菜单的多级选择功能。这需要使用el-select的cascade属性来实现级联选择。例如：

<el-form-item :label="firstClsf" prop="firstClsf">
  <el-select style="width:100%" v-model="caseList.firstClsf" filterable collapse-tags multiple>
    <el-option v-for="item in firstClsfGroups" :label="item.groupName" :key="item.id" :value="item.id"></el-option>
  </el-select>
</el-form-item>

综上所述，你可以通过设置el-select的属性来实现select分为两块，即el-select嵌入input和el-tree与el-select结合。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [el-select下拉框可输入](https://blog.csdn.net/qq_42483955/article/details/122703564)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *2* [el-select下拉框嵌入el-tree组件](https://blog.csdn.net/weixin_43811753/article/details/129736425)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *3* [正则表达式](https://download.csdn.net/download/u013013722/8220345)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
[ .reference_list ]