selecttree
时间: 2023-09-15 08:20:13 浏览: 82
selecttree是一个自定义的组件,结合了elementUI的select组件和tree组件的功能。它可以实现下拉框和树形结构的结合效果。在这个组件中,我们使用了option来撑起下拉区域的高度,并设置样式为display:none。同时,在option的同级位置,我们包裹了tree组件来展示真正要显示的树形结构。selecttree组件有以下几个属性和方法:
- transitValue:select组件的model值
- selectOptions:option的值数组
- currentKey:初始化时默认选中的节点
- defaultProps:树形数据的映射对象
- formatData函数:将嵌套数组转化成一维数组,方便option组件展示
- handleNodeClick函数:tree的单击事件,触发子组件的emit事件
- watch里的formatData函数:用于检测数据变化动态渲染option
- watch里的value函数:实时检测value值,用来确定子组件tree的选中项。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [elementUI实现selecttree自定义下拉框树形组件](https://blog.csdn.net/qq_35517283/article/details/130123578)[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: 100%"]
[ .reference_list ]
阅读全文