elementui树形控件使用细节

<el-tree
              class="el-tree-section"
              :data="firstTreeData"
              show-checkbox
              node-key="outerCompanyOrgCode"
              default-expand-all
              :default-checked-keys="oneLevelTreeCheckedKeys"
              :props="defaultProps"
              @check="handleCheckChangeFirst"
            >
            </el-tree>


//lable 除了正常配置 还可以这样扩展
 vue data对象里:
      defaultProps: {
        children: 'children',
        label: function (data, node) {
          return '[' + data.outerCompanyOrgCode + ']' + data.mchCompanyOrgName;
        },
      },


methods:里
/**获取树形数据--基础数据 */
    getMchShareRelGetCompanyTree() {
      let params = { skuOwnMchId: this.currentTableItem.skuOwnerMchId };
      API.adoptPin.mchShareRelGetCompanyTree(params).then((res) =&
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
要在Java中返回ElementUI树形控件,需要先构建一个树形数据结构,并将该数据结构转化为符合ElementUI树形控件要求的数据格式,最后将数据返回给前端。 首先,在Java中,可以使用类来表示树的节点,例如: ```java public class TreeNode { private String label; private List<TreeNode> children; // 其他属性和方法 // 构造函数 public TreeNode(String label) { this.label = label; this.children = new ArrayList<>(); } // getter和setter方法 // 添加子节点 public void addChild(TreeNode child) { this.children.add(child); } } ``` 然后,构建树的结构,在Java中可以使用递归来实现: ```java public class TreeStructure { public TreeNode buildTree() { TreeNode root = new TreeNode("根节点"); // 添加子节点 TreeNode node1 = new TreeNode("节点1"); TreeNode node2 = new TreeNode("节点2"); TreeNode node3 = new TreeNode("节点3"); root.addChild(node1); root.addChild(node2); root.addChild(node3); // 继续添加子节点 TreeNode subNode1 = new TreeNode("子节点1"); TreeNode subNode2 = new TreeNode("子节点2"); node1.addChild(subNode1); node1.addChild(subNode2); // 添加更多子节点... return root; } } ``` 接下来,将构建好的树形数据结构转化为ElementUI树形控件要求的数据格式,并返回给前端,可以使用JSON格式进行传输。在Java中,可以使用第三方库,如Gson库,将Java对象转化为JSON数据: ```java public class Main { public static void main(String[] args) { TreeStructure treeStructure = new TreeStructure(); TreeNode root = treeStructure.buildTree(); // 转化为ElementUI树形控件要求的数据格式 String jsonData = convertToJSONData(root); // 返回给前端... } public static String convertToJSONData(TreeNode root) { // 使用Gson库将Java对象转化为JSON数据 Gson gson = new Gson(); return gson.toJson(root); } } ``` 最后,将生成的JSON数据返回给前端,前端再使用ElementUI树形控件进行展示即可。以上就是使用Java返回ElementUI树形控件的简单示例。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

做个有准备的人

受益虽浅以资鼓励无限

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值