首页el-tree的查询接口怎么对接

el-tree的查询接口怎么对接

时间: 2023-10-19 18:26:13 浏览: 86

el-select-tree:ElementUI的el-select与el-tree结合

5星 · 资源好评率100%

精选树 ElementUI的el-select与el-tree结合在一起。在线示例用法安装 npm install --save el-select-tree 需要element-ui 如果您的项目不使用element-ui，则需要引入一个单独的element-ui包，如下所示： import 'el-select-tree/lib/element-ui' ; 全球注册 import Vue from 'vue' ; import ElSelectTree from 'el-select-tree' ; Vue . use ( ElSelectTree ) ; 组件内注册 import ElSelectTree from 'el-select-tree' ; export default { components : { ElSelectTree } } ; 完

通过上述代码可以看出，el-tree的查询接口是通过调用`getTreeSelect()`方法来实现的。在这个方法中，使用了`this.$API.system.menu.treeSelect.post()`方法来发送请求，并传递了`roleId`参数。接口返回的数据会被赋值给`this.menuList`变量，用于生成el-tree的数据源。同时，根据接口返回的数据，使用`getMenuChoose()`方法来处理树结构中选中的项，将选中的项的`id`存储在`this.menuChoose`数组中。所以，通过调用`getTreeSelect()`方法，就可以实现el-tree的查询接口对接。 123 #### 引用[.reference_title] - *1* *3* [vue+element el-tree 最详细的使用方法，真实接口数据渲染](https://blog.csdn.net/weixin_44834981/article/details/122957657)[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* [el-tree通过接口获取数据，并给所有叶子节点添加icon图标](https://blog.csdn.net/weixin_43312391/article/details/123841562)[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 ]

阅读全文