el-form el-tree
时间: 2023-10-07 22:07:10 浏览: 121
el-tree-selected-tree
el-form中的el-tree是一种树形结构的选择组件,用于在表单中展示和选择树形数据。可以通过在el-form中的rules属性中设置校验规则来实现对el-tree的校验。
在data中声明的变量里,需要包括form对象,该对象用于存储el-tree选择的值。在form对象中,需要声明deptId和deptName两个属性,deptId用于存储选中节点的id,deptName用于显示选中节点的名称。另外,还可以根据实际需要声明其他变量。
在el-form中,可以使用el-form-item来包裹el-tree和其它表单项。通过设置ref属性和props属性,可以在代码中获取el-tree的实例并进行相关操作。
总结起来,el-form中的el-tree是一种用于展示和选择树形数据的组件,可以通过设置校验规则和在data中声明相应的变量来实现对el-tree的校验和操作。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [el-form中el-tree的rules校验](https://blog.csdn.net/qq_41838435/article/details/128207482)[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_1"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [element-ui的form表单里面写树形组件](https://blog.csdn.net/qq_45489665/article/details/123536137)[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_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
阅读全文