vue组件＜el-select-tree＞

Vue组件<el-select-tree>是一个结合了ElementUI的el-select和el-tree的下拉树型选择组件。通过这个组件，可以实现选择任意一个父集的子集，并获取当前子集的父级并进行保存操作。

在使用情景中，可以将下拉树看作是树与下拉框的结合版，但是树的点击事件在下拉树中并不适用。解决这个问题的办法是通过下拉树组件自带方法@confirm来完成。在使用@confirm方法之前，需要将需要的数据传入，否则点击事件不会获取任何数据。然后在方法中进行匹配循环，找出子集对应的父级并一起存入数组中。

需要注意的是，在面临编辑操作的情景中，如果将下拉树的数据传回来默认展示在下拉框中，传回来的数据包含一个父级，可能会导致此父级元素全被默认选择。因此，在处理数据时，需要将父级排除以避免这个问题的发生。

总结起来，使用<el-select-tree>组件可以实现下拉树型选择，并获取选择子集的父级进行保存操作。虽然这个方法看起来繁琐，但目前还没有更好的办法来处理这个问题。<span class="em">1</span><span class="em">2</span>
#### 引用[.reference_title]
- *1* [el-select-tree:ElementUI的el-select与el-tree结合](https://download.csdn.net/download/weixin_42135773/18435535)[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: 50%"]
- *2* [vue组件＜el-select-tree＞的使用](https://blog.csdn.net/weixin_44519803/article/details/119748522)[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: 50%"]
[ .reference_list ]